Worlio/worlio-themes
4
0
Fork 0
Code Issues Pull Requests Wiki Activity

Replaced flexbox in Dashboard CSS. Now it no longer uses flex.

Browse Source
This commit is contained in:
Wirlaburla 2023-05-11 21:40:06 -05:00
parent fe33e5f35d
commit cbf1cd7dda
1 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
style.css
View File

@ -2028,26 +2028,26 @@ body.forum .sidebar .box .thread .info .timestamp {color: var(--subtitle);}
/* DASHBOARD / HOME */ /* DASHBOARD / HOME */
@media (orientation: portrait) { @media (orientation: portrait) {
body.dashboard .dash-container { body.dashboard .dash-container {
display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
} }
body.dashboard .section {
width: 100%;
margin: 0px 4px;
}
} }
@media (orientation: landscape) { @media (orientation: landscape) {
body.dashboard .dash-container { body.dashboard .dash-container {
flex-direction: row; max-width: 1000px;
margin: auto;
} }
body.dashboard .sidebar { body.dashboard .section { margin: 0px -2px; }
width: 400px; body.dashboard .section .container { padding: 4px; }
flex-shrink: 0; body.dashboard .primary { width: 60%; }
} body.dashboard .sidebar { width: 40%; }
}
body.dashboard .dash-container {
display: flex;
gap: 8px;
max-width: 1000px;
margin: auto;
} }
body.dashboard .dash-container .mainbox { body.dashboard .dash-container .mainbox {
@ -2065,14 +2065,13 @@ body.dashboard .profile-tag img {
padding: 4px; padding: 4px;
} }
body.dashboard .sidebar { body.dashboard .section {
display: flex; display: inline-block;
flex-direction: column; vertical-align: top;
gap: 8px;
} }
body.dashboard .primary { body.dashboard .section .container {
flex-grow: 1; margin: 8px 0px;
} }
body.dashboard .dash-title { body.dashboard .dash-title {