change sidebar icon

This commit is contained in:
Julian Freeman
2026-03-14 20:29:47 -04:00
parent 72680d6925
commit db20a31643

View File

@@ -5,15 +5,32 @@
</div> </div>
<nav class="sidebar-nav"> <nav class="sidebar-nav">
<router-link to="/essentials" class="nav-item"> <router-link to="/essentials" class="nav-item">
<span class="nav-icon"></span> <span class="nav-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 3l1.912 5.885h6.19l-5.007 3.638 1.912 5.885L12 14.77l-5.007 3.638 1.912-5.885-5.007-3.638h6.19z"></path>
</svg>
</span>
装机必备 装机必备
</router-link> </router-link>
<router-link to="/updates" class="nav-item"> <router-link to="/updates" class="nav-item">
<span class="nav-icon">🔄</span> <span class="nav-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 2v6h-6"></path>
<path d="M3 12a9 9 0 0 1 15-6.7L21 8"></path>
<path d="M3 22v-6h6"></path>
<path d="M21 12a9 9 0 0 1-15 6.7L3 16"></path>
</svg>
</span>
软件更新 软件更新
</router-link> </router-link>
<router-link to="/all" class="nav-item"> <router-link to="/all" class="nav-item">
<span class="nav-icon">📦</span> <span class="nav-icon">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path>
<path d="m3.3 7 8.7 5 8.7-5"></path>
<path d="M12 22V12"></path>
</svg>
</span>
全部软件 全部软件
</router-link> </router-link>
</nav> </nav>
@@ -35,6 +52,7 @@
font-weight: 700; font-weight: 700;
margin-bottom: 40px; margin-bottom: 40px;
padding-left: 20px; padding-left: 20px;
color: var(--text-main);
} }
.sidebar-nav { .sidebar-nav {
@@ -68,6 +86,8 @@
.nav-icon { .nav-icon {
margin-right: 12px; margin-right: 12px;
font-size: 18px; display: flex;
align-items: center;
justify-content: center;
} }
</style> </style>