mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-06-25 21:48:40 +00:00
make sure tall images fit
This commit is contained in:
@@ -162,8 +162,6 @@
|
|||||||
|
|
||||||
&::before, &::after {
|
&::before, &::after {
|
||||||
content:"";
|
content:"";
|
||||||
width:100px;
|
|
||||||
height:100px;
|
|
||||||
position:absolute;
|
position:absolute;
|
||||||
bottom:0;
|
bottom:0;
|
||||||
left:0;
|
left:0;
|
||||||
@@ -176,14 +174,20 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&::before{
|
&::before{
|
||||||
|
width:200px;
|
||||||
|
height:200px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius:10px;
|
border-radius:10px;
|
||||||
border:3px solid grey;
|
border:3px solid grey;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
|
width:190px;
|
||||||
|
height:190px;
|
||||||
|
//padding of 5px + 3px border: 8px
|
||||||
|
translate:8px calc(100% + 8px);
|
||||||
background-image: var(--preview-img);
|
background-image: var(--preview-img);
|
||||||
background-size:80%;
|
background-size:contain;
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
background-position:center;
|
background-position:center;
|
||||||
filter:drop-shadow(0 0 5px #0008);
|
filter:drop-shadow(0 0 5px #0008);
|
||||||
|
|||||||
Reference in New Issue
Block a user