mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-18 04:42:01 +00:00
fix: modal image sizing
This commit is contained in:
parent
99921c0db8
commit
7875e4ba99
1 changed files with 13 additions and 8 deletions
|
|
@ -19,15 +19,20 @@
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
|
||||
.body-container {
|
||||
overflow-y: visible;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-top: -10rem;
|
||||
position: absolute;
|
||||
top: -10rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
object-fit: cover;
|
||||
width: 30rem;
|
||||
height: 30rem;
|
||||
}
|
||||
|
||||
.info-container {
|
||||
|
|
@ -36,8 +41,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 2.5rem;
|
||||
padding: 1rem 4rem;
|
||||
margin-top: -7rem;
|
||||
padding: 10rem 4rem 0;
|
||||
|
||||
.title-container {
|
||||
display: flex;
|
||||
|
|
@ -109,11 +113,12 @@
|
|||
}
|
||||
|
||||
.image {
|
||||
margin-top: -5rem;
|
||||
position: relative;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.info {
|
||||
margin-top: 0rem;
|
||||
.info-container {
|
||||
padding: 1rem 4rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue