jianghaifeng/ymb-site
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align left navigation spacing

Browse Source
This commit is contained in:
Zhou Weidong committed 2026-11-11 14:26:50 +08:00
1 parent 3d0414cf31
commit fb8001cf46
1 file changed
+6 -6
Download Patch File Download Diff File Expand all files Collapse all files
src/youtube-overrides.css
+6 -6
View File
@@ -6,7 +6,7 @@
--text: #f1f1f1; --text: #f1f1f1;
--muted: #aaa; --muted: #aaa;
--accent: #ff4b3e; --accent: #ff4b3e;
--sidebar: 240px; --sidebar: 224px;
} }
body { background: var(--bg); color: var(--text); font-family: Arial, Helvetica, sans-serif; } body { background: var(--bg); color: var(--text); font-family: Arial, Helvetica, sans-serif; }
@@ -26,12 +26,12 @@ body { background: var(--bg); color: var(--text); font-family: Arial, Helvetica,
.language-trigger { border-color: #363636; background: #1d1d1d; color: #ddd; } .language-trigger { border-color: #363636; background: #1d1d1d; color: #ddd; }
.profile-chip { background: #065fd4; color: #fff; } .profile-chip { background: #065fd4; color: #fff; }
.sidebar { top: 56px; width: var(--sidebar); padding: 12px; background: var(--bg); border: 0; box-shadow: none; color: var(--text); } .sidebar { top: 56px; width: var(--sidebar); padding: 12px 10px; background: var(--bg); border: 0; box-shadow: none; color: var(--text); }
.sidebar.closed { width: 72px; padding: 12px 8px; } .sidebar.closed { width: 72px; padding: 12px 8px; }
.sidebar nav a, .genre-link { min-height: 40px; padding: 9px 12px; border-radius: 10px; color: #ccc; gap: 22px; } .sidebar nav a, .genre-link { min-height: 40px; padding: 9px 10px; border-radius: 10px; color: #ccc; gap: 18px; }
.sidebar nav a:hover, .genre-link:hover, .sidebar nav a.active { background: #272727; color: #fff; } .sidebar nav a:hover, .genre-link:hover, .sidebar nav a.active { background: #272727; color: #fff; }
.sidebar-group { display: grid; gap: 2px; } .sidebar-group { display: grid; gap: 2px; }
.sidebar-group-title { display: flex; align-items: center; gap: 7px; padding: 12px 12px 6px; font-size: 16px; font-weight: 700; } .sidebar-group-title { display: flex; align-items: center; gap: 7px; padding: 12px 10px 6px; font-size: 16px; font-weight: 700; }
.sidebar-group-title svg { color: #999; } .sidebar-group-title svg { color: #999; }
.sidebar small { display: none; } .sidebar small { display: none; }
.sidebar.closed .sidebar-group-title, .sidebar.closed .sidebar-label { display: none; } .sidebar.closed .sidebar-group-title, .sidebar.closed .sidebar-label { display: none; }
@@ -39,8 +39,8 @@ body { background: var(--bg); color: var(--text); font-family: Arial, Helvetica,
.sidebar.closed .nav-rule { display: block; margin: 12px 6px; } .sidebar.closed .nav-rule { display: block; margin: 12px 6px; }
.nav-rule { height: 1px; background: var(--line); margin: 12px 0; } .nav-rule { height: 1px; background: var(--line); margin: 12px 0; }
.content { max-width: none; padding: 12px 24px 80px 264px; margin: 0; } .content { max-width: none; padding: 12px 24px 80px 248px; margin: 0; }
.content-wide { padding-left: 96px; } .content-wide { padding-left: 84px; }
.youtube-home-header { display: none; } .youtube-home-header { display: none; }
.youtube-home-feed, .youtube-shorts-shelf { margin-bottom: 40px; } .youtube-home-feed, .youtube-shorts-shelf { margin-bottom: 40px; }
.youtube-category-bar { position: sticky; top: 56px; z-index: 2; display: flex; gap: 12px; overflow-x: auto; padding: 12px 0; background: var(--bg); scrollbar-width: none; } .youtube-category-bar { position: sticky; top: 56px; z-index: 2; display: flex; gap: 12px; overflow-x: auto; padding: 12px 0; background: var(--bg); scrollbar-width: none; }