Update src/styles/cardGames.css
All checks were successful
Release to Staging / build_and_release (push) Successful in 48s

This commit is contained in:
freakoverse 2024-12-13 10:28:06 +00:00
parent ba60b7f1d4
commit d1cc49bae2

View File

@ -5,12 +5,16 @@
grid-gap: 10px; grid-gap: 10px;
text-decoration: unset; text-decoration: unset;
cursor: pointer; cursor: pointer;
border-radius: 15px;
overflow: hidden;
padding: 5px;
} }
.cardGameMainWrapperLink:hover { .cardGameMainWrapperLink:hover {
transition: ease 0.4s; transition: ease 0.4s;
transform: scale(1.02); transform: scale(1.02);
text-decoration: unset; text-decoration: unset;
background: rgb(0,0,0,0.5);
} }
.cardGameMainWrapperLink:active { .cardGameMainWrapperLink:active {
@ -24,7 +28,7 @@
} }
.cardGameMain { .cardGameMain {
border-radius: 15px; border-radius: 10px;
box-shadow: 0 0 8px 0 rgb(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgb(0, 0, 0, 0.1);
width: 100%; width: 100%;
object-fit: cover; /* Ensures the image covers the container like a background image */ object-fit: cover; /* Ensures the image covers the container like a background image */
@ -36,7 +40,7 @@
.cardGameMainTitle { .cardGameMainTitle {
transition: ease 0.4s; transition: ease 0.4s;
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
padding: 0 15px; padding: 0 10px 10px 10px;
font-weight: bold; font-weight: bold;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;