Use native icons in the Framework7 sidebar

This commit is contained in:
Jonathan Sykes
2026-10-06 04:13:55 +08:00
parent cc4fb0d5c9
commit 605d21a3e2
3 changed files with 0 additions and 1 deletions

View File

@@ -228,7 +228,6 @@ html[data-layout="f7-swipe"] .legacy-nav-icon { display: none !important; }
html[data-layout="f7-swipe"] .classic-nav-icon { display: block !important; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
html[data-layout="f7-swipe"] #sidebar .nav-item::before { display: none; }
html[data-layout="f7-swipe"] #sidebar .nav-item::after { content: '›'; margin-left: auto; color: var(--text-dim); font-size: 22px; line-height: 1; }
html[data-layout="f7-swipe"] #sidebar .nav-item > .legacy-nav-icon { width: 30px; height: 30px; flex: none; display: grid; place-items: center; border-radius: 8px; background: var(--bg-2); font-size: 14px; }
html[data-layout="f7-swipe"] #sidebar .nav-item > .classic-nav-icon { width: 30px; height: 30px; flex: none; padding: 6px; border-radius: 8px; background: var(--bg-2); }
html[data-layout="f7-swipe"] #sidebar .playlist-item { min-height: 46px; border-radius: 10px; }
html[data-layout="f7-swipe"] #sidebar .playlist-item::before { content: '›'; font-size: 20px; }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 42 KiB