Another attempt at a major redesign, but for real this time, i swear

This commit is contained in:
Firq 2024-10-21 16:57:02 +02:00
parent 676e5e2b00
commit 9d8493273d
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
10 changed files with 54 additions and 69 deletions
src/components/cards

View file

@ -34,7 +34,7 @@ const loadedImage = plsLoadImage(images, imagePath)
<style>
.heading {
display: flex;
height: 4rem;
height: 2.5rem;
font-size: 24px;
color: white;
max-width: 200px;
@ -51,8 +51,7 @@ const loadedImage = plsLoadImage(images, imagePath)
flex-wrap: wrap;
flex-direction: column;
background-color: var(--c-darkergray);
border-color: var(--c-darkgray);
padding: 0em 0.75em;
padding: 0em 0.5em;
width: max(40%, 200px);
height: auto;
justify-content: center;
@ -60,15 +59,17 @@ const loadedImage = plsLoadImage(images, imagePath)
text-align: center;
transition: transform var(--speed) var(--ease);
text-decoration: none;
border: 2px var(--c-darkgray) solid;
&:hover {
transform: scale(var(--hover-scale));
border: 2px var(--c-darkpurple) solid;
}
img {
padding: 0px 0.25em;
width: min(90%, 200px);
width: min(90%, 160px);
margin: 0px 0.5rem;
height: auto;
border-radius: 1rem;
}
}
@ -78,8 +79,7 @@ const loadedImage = plsLoadImage(images, imagePath)
width: auto;
height: auto;
img {
padding: 0px 1.5em;
width: 200px;
width: 160px;
}
}
}
@ -88,7 +88,7 @@ const loadedImage = plsLoadImage(images, imagePath)
color: white;
font-size: 16px;
font-weight: 600;
margin: 5;
margin: 0.5rem;
line-height: 20px;
}
</style>