refactor: improve MetaPreview layout

This commit is contained in:
Tim 2023-07-05 14:32:38 +02:00
parent c2f6b1b545
commit 2512bcbc28
4 changed files with 6 additions and 6 deletions

View file

@ -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;

View file

@ -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);
}

View file

@ -99,6 +99,7 @@
.meta-preview {
flex: 0 1 40rem;
align-self: stretch;
padding: 0 4rem 2rem 4rem;
}
.spacing {

View file

@ -2,7 +2,7 @@
.info-menu-container {
width: 30rem;
padding-bottom: 2rem;
padding: 2rem;
.stream {
pointer-events: none;