Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2026-02-15 07:25:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change the number of columns depending on the screen size

Browse Source 
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
This commit is contained in:
RD WebDesign
2024-06-03 22:50:58 -03:00
parent 6e6c667ce8
commit 5db10ae1ae
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
style/pi-hole.css
View File

@@ -1197,7 +1197,20 @@ table.dataTable tbody > tr > .selected {
background: rgba(127, 127, 127, 0.2);
}
@media screen and (max-width: 991px) {
@media screen and (min-width: 2250px) {
/* show 3 columns in larger screens */
.settings-container {
--columns: 3;
}
}
@media screen and (max-width: 1150px) {
/* avoid narrow columns in medium screens with sidebar expanded */
body:not(.sidebar-collapse) .settings-container {
--columns: 1;
}
}
@media screen and (max-width: 940px) {
/* show 1 columns in smaller screens */
.settings-container {
--columns: 1;
}