discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

styles minifix

Browse Source
This commit is contained in:
ilya-bkv 2023-05-09 08:09:09 +03:00
parent 7332e3ebad
commit 28e0e4e33a
1 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/Views/Edit.module.scss
View File

@ -14,26 +14,25 @@
.shoutCardCoverContainer { .shoutCardCoverContainer {
position: relative; position: relative;
width: 100%; width: 100%;
} .shoutCardCover {
height: 0;
overflow: hidden;
position: relative;
margin: 1.6rem 0;
padding-bottom: 56.2%;
.shoutCardCover { img {
height: 0; height: 100%;
margin-bottom: 1.6rem; object-fit: cover;
overflow: hidden; position: absolute;
padding-bottom: 56.2%; transform-origin: 50% 50%;
position: relative; transition: transform 1s ease-in-out;
width: 100%;
}
img { &:hover img {
height: 100%; transform: scale(1.1);
object-fit: cover; }
position: absolute;
transform-origin: 50% 50%;
transition: transform 1s ease-in-out;
width: 100%;
}
&:hover img {
transform: scale(1.1);
} }
} }