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