archiwum/web
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove cheeky 4px bottom of image card

Browse Source
This commit is contained in:
jakubmanczak
2022-12-12 19:05:22 +01:00
parent 641ff29d44
commit 2206cb4bee
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/IndexGallery/IndexGallery.module.scss
View File

@@ -9,12 +9,16 @@
} }
gap: 1.5rem; gap: 1.5rem;
.galleryimg { .galleryimg {
--mheight: 18rem;
position: relative; position: relative;
margin: 0;
padding: 0;
max-height: var(--mheight);
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
text-decoration: none; text-decoration: none;
} }
img { img {
max-height: 18rem; max-height: var(--mheight);
border-radius: 8px; border-radius: 8px;
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
max-width: 250px; max-width: 250px;
@@ -25,6 +29,7 @@
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
background: rgba(#fff, 0.4); background: rgba(#fff, 0.4);
color: var(--backdrop); color: var(--backdrop);
left: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
display: flex; display: flex;