mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-05-07 12:51:21 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor: consolidate theme width styles into default-base.css and remove legacy media queries from DefaultPageLayout.php

Browse Source
This commit is contained in:
Zack Spear
2025-04-04 19:42:38 -07:00
parent 6d219e4778
commit 33e4814937
2 changed files with 60 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
emhttp/plugins/dynamix/styles/default-base.css
+60
View File
@@ -2218,3 +2218,63 @@ span#wlan0 {
background-color: var(--brand-orange);
}
}
/* Theme width styles */
.Theme--boxed-width #displaybox {
min-width: 1280px;
max-width: 1280px;
margin: 0;
}
.Theme--unlimited-width #displaybox {
min-width: 1280px;
margin: 0;
}
/* Media queries for different screen sizes */
@media (max-width: 1280px) {
.Theme--boxed-width #displaybox {
min-width: 1280px;
max-width: 1280px;
margin: 0;
}
.Theme--unlimited-width #displaybox {
min-width: 1280px;
margin: 0;
}
}
@media (min-width: 1281px) {
.Theme--boxed-width #displaybox {
min-width: 1280px;
max-width: 1920px;
margin: 0 auto;
}
.Theme--unlimited-width #displaybox {
min-width: 1280px;
margin: 0 auto;
}
.Theme--nav-top.Theme--unlimited-width #displaybox {
margin: 0 10px;
}
}
@media (min-width: 1921px) {
.Theme--boxed-width #displaybox {
min-width: 1280px;
max-width: 1920px;
margin: 0 auto;
}
.Theme--unlimited-width #displaybox {
min-width: 1280px;
margin: 0 auto;
}
.Theme--nav-top.Theme--unlimited-width #displaybox {
margin: 0 20px;
}
}