vndangkhoa/kv-tube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: mobile sidebar properly hidden by CSS specificity, watch page fits viewport

Browse source
This commit is contained in:
Khoa Vo 2026-05-14 19:41:33 +07:00
parent 217ed7889e
commit da4061041f
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/app/globals.css
View file

@ -270,9 +270,8 @@
}
@media (max-width: 768px) {
.yt-sidebar-mini {
display: none;
}
.yt-sidebar-mini,
.yt-sidebar-mini.sidebar-open { display: none !important; }
}
.yt-main-content {

4
frontend/app/watch/ClientWatchPage.tsx
View file

@ -780,11 +780,13 @@ export default function ClientWatchPage() {
}}>
<div className="watch-page-container" style={{
maxWidth: wideMode ? '100%' : '1800px',
width: '100%',
margin: '0 auto',
padding: '24px',
display: 'grid',
gridTemplateColumns: wideMode ? '1fr' : '1fr 400px',
gap: '24px',
boxSizing: 'border-box',
}}>
{/* Main Content */}
<div className="watch-main">
@ -1058,7 +1060,7 @@ export default function ClientWatchPage() {
@media (max-width: 768px) {
.watch-page-container {
padding: 12px !important;
padding: 8px !important;
}
}
`}</style>