Fix styling for Channel page on desktop view (#4112)

This commit is contained in:
Jason 2023-10-08 16:29:07 +00:00 committed by GitHub
parent b72091a9dd
commit 8a456834ad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 3 deletions

View File

@ -98,21 +98,18 @@
gap: 32px; gap: 32px;
padding-block: .3em; padding-block: .3em;
padding-inline: 0; padding-inline: 0;
flex-direction: column;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.tabs { .tabs {
display: flex; display: flex;
flex: 0 1 33%; flex: 0 1 33%;
flex-wrap: wrap;
} }
.tab { .tab {
padding: 15px; padding: 15px;
font-size: 15px; font-size: 15px;
cursor: pointer; cursor: pointer;
flex: 1 1 0%;
align-self: flex-end; align-self: flex-end;
text-align: center; text-align: center;
color: var(--tertiary-text-color); color: var(--tertiary-text-color);
@ -207,6 +204,10 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
.tab {
flex: 1 1 0%;
}
#communityPanel { #communityPanel {
margin-block-start: 1rem; margin-block-start: 1rem;
} }