mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-18 12:52:52 +00:00
refactor: improve MetaPreview layout
This commit is contained in:
parent
c2f6b1b545
commit
2512bcbc28
4 changed files with 6 additions and 6 deletions
|
|
@ -71,7 +71,6 @@
|
|||
.meta-info-container {
|
||||
flex: 1;
|
||||
align-self: stretch;
|
||||
padding: 0 2rem;
|
||||
overflow-y: auto;
|
||||
|
||||
&:not(:hover) {
|
||||
|
|
@ -85,7 +84,7 @@
|
|||
.logo, .logo-placeholder {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
margin: 2rem 0;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.logo {
|
||||
|
|
@ -164,13 +163,12 @@
|
|||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
max-height: 10rem;
|
||||
padding: 0 2rem;
|
||||
|
||||
.action-button {
|
||||
flex: none;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
margin-bottom: 3rem;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
&:global(.wide) {
|
||||
width: auto;
|
||||
|
|
|
|||
|
|
@ -204,7 +204,8 @@
|
|||
.meta-preview-container {
|
||||
flex: none;
|
||||
align-self: stretch;
|
||||
width: 28rem;
|
||||
width: 29rem;
|
||||
padding: 2rem 2.5rem;
|
||||
border-radius: var(--border-radius) 0 0 var(--border-radius);
|
||||
background-color: var(--tertiary-background-color);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -99,6 +99,7 @@
|
|||
.meta-preview {
|
||||
flex: 0 1 40rem;
|
||||
align-self: stretch;
|
||||
padding: 0 4rem 2rem 4rem;
|
||||
}
|
||||
|
||||
.spacing {
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
.info-menu-container {
|
||||
width: 30rem;
|
||||
padding-bottom: 2rem;
|
||||
padding: 2rem;
|
||||
|
||||
.stream {
|
||||
pointer-events: none;
|
||||
|
|
|
|||
Loading…
Reference in a new issue