gilles/go2rtc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

webui: fix header on mobiles

Browse Source
This commit is contained in:
Sergey Krashevich
2026-02-03 13:51:10 +03:00
parent 51a213c7da
commit ab4955f8fc
2 changed files with 72 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/index.html
+36 -3
View File
@@ -511,13 +511,46 @@
/* Responsive */ /* Responsive */
@media (max-width: 768px) { @media (max-width: 768px) {
nav { nav {
flex-direction: column;
gap: 16px; gap: 16px;
padding: 12px 0;
flex-wrap: wrap;
}
.logo {
font-size: 20px;
flex-shrink: 0;
} }
.nav-links { .nav-links {
flex-direction: column; order: 3;
width: 100%; flex: 1 1 100%;
gap: 8px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-bottom: 4px;
}
.nav-links::-webkit-scrollbar {
display: none;
}
.nav-link {
flex-shrink: 0;
font-size: 11px;
padding: 6px 12px;
}
.docs-link {
order: 2;
margin-left: auto;
flex-shrink: 0;
}
.theme-toggle {
order: 1;
flex-shrink: 0;
} }
.controls { .controls {
www/main.js
+36 -3
View File
@@ -358,13 +358,46 @@ if (!document.querySelector('.logo')) {
/* Responsive */ /* Responsive */
@media (max-width: 768px) { @media (max-width: 768px) {
nav { nav {
flex-direction: column;
gap: 16px; gap: 16px;
padding: 12px 0;
flex-wrap: wrap;
}
.logo {
font-size: 20px;
flex-shrink: 0;
} }
.nav-links { .nav-links {
flex-direction: column; order: 3;
width: 100%; flex: 1 1 100%;
gap: 8px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-bottom: 4px;
}
.nav-links::-webkit-scrollbar {
display: none;
}
.nav-link {
flex-shrink: 0;
font-size: 11px;
padding: 6px 12px;
}
.docs-link {
order: 2;
margin-left: auto;
flex-shrink: 0;
}
.theme-toggle {
order: 1;
flex-shrink: 0;
} }
table, thead, tbody, th, td, tr { table, thead, tbody, th, td, tr {