Set card image max height
- Fixes oversizing due to virtual grid
This commit is contained in:
parent
bdc3daf6da
commit
416476cc66
2 changed files with 2 additions and 1 deletions
|
@ -95,6 +95,7 @@ const Image = styled(SimpleImg)`
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
max-height: 100%;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
|
@ -48,7 +48,6 @@ const ImageContainer = styled.div`
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 100%;
|
|
||||||
aspect-ratio: 1/1;
|
aspect-ratio: 1/1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: var(--card-default-bg);
|
background: var(--card-default-bg);
|
||||||
|
@ -83,6 +82,7 @@ const Image = styled(SimpleImg)`
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
max-height: 100%;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
Reference in a new issue