kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-11-04 01:18:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: kevinveenbirkenbach:531c2295bd254e6a47770693418c186acd729a98
Branches Tags
kevinveenbirkenbach:main
...
compare: kevinveenbirkenbach:6572a39d486df8f2a38c29037083fcdb938a6d28
Branches Tags
kevinveenbirkenbach:main

2 Commits
531c2295bd ... 6572a39d48

Author SHA1 Message Date
Kevin Veen-Birkenbach
6572a39d48 Added hover effects to cards 2025-07-06 22:25:22 +02:00
Kevin Veen-Birkenbach
a80262c0d4 Solved container height bug 2025-07-06 22:18:28 +02:00
2 changed files with 13 additions and 1 deletions
Expand all files Collapse all files

12
app/static/css/default.css
View File

@@ -38,6 +38,18 @@ a {
background-color: #f9f9f9; background-color: #f9f9f9;
} }
.card {
transition: background-color 1s ease, transform 1s ease;
transition: color 1s ease, transform 1s ease;
}
.card:hover {
background-color: var(--bs-secondary) !important;
color: var(--bs-white) !important;
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.card-body { .card-body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

2
app/static/js/container.js
View File

@@ -17,7 +17,7 @@ function adjustScrollContainerHeight() {
// Calculate the available height for the scroll area // Calculate the available height for the scroll area
const availableHeight = window.innerHeight - siblingsHeight; const availableHeight = window.innerHeight - siblingsHeight;
scrollContainer.style.maxHeight = availableHeight + 'px'; scrollContainer.style.height = availableHeight + 'px';
scrollContainer.style.overflowY = 'auto'; scrollContainer.style.overflowY = 'auto';
scrollContainer.style.overflowX = 'hidden'; scrollContainer.style.overflowX = 'hidden';