首页页脚加后台登录入口:两套界面的版权行末尾放低调的「登录」小字,hover 提亮

This commit is contained in:
Sakurasan committed 2026-10-07 22:32:28 +08:00
1 parent 5fc636e574
commit f6e92ba376
3 files changed
+18

No files matched your search

+12
View File
@@ -177,6 +177,8 @@ onMounted(async () => {
<span class="copyright">
{{ site.footer_note }}<template v-if="site.icp"> · {{ site.icp }}</template>
</span>
<!-- 后台入口:低调放在版权旁,知道的人找得到,不干扰访客 -->
<a class="admin-entry" href="/admin/login" title="后台登录">登录</a>
</div>
</footer>
</aside>
@@ -367,6 +369,16 @@ onMounted(async () => {
color: var(--faint);
}
/* 后台入口:版权旁的低调小字,弱化到与版权同行观感,hover 才提亮 */
.admin-entry {
color: var(--faint);
text-decoration: none;
font-size: 12px;
}
.admin-entry:hover {
color: var(--accent);
}
/* 窄屏:底部留白加高,右下角浮动主题钮压不到页脚小字 */
@media (max-width: 780px) {
.rail-right {
+2
View File
@@ -66,6 +66,8 @@ const links = [
<svg viewBox="0 0 24 24" aria-hidden="true"><path :d="socialIcon(PROJECT_REPO)" /></svg>
</a>
<span>{{ site.footer_note }}<template v-if="site.icp"> · {{ site.icp }}</template></span>
<!-- 后台入口:低调放在版权旁,知道的人找得到,不干扰访客 -->
<a class="admin-entry" href="/admin/login" title="后台登录">登录</a>
</div>
</footer>
</template>
+4
View File
@@ -161,6 +161,10 @@ html[data-ui='vivid'] .foot {max-width:1100px;margin:40px auto 0;padding:28px 28
border-top:1px solid var(--line);
text-align:center;color:var(--muted);font-size:12.5px;line-height:2;}
html[data-ui='vivid'] .foot a {color:var(--accent);font-weight:600;transition:opacity .25s}
/* 后台入口:版权旁的低调小字,弱化到与版权同行观感,hover 才提亮 */
html[data-ui='vivid'] .foot a.admin-entry {color:var(--muted);font-weight:400;
text-decoration:none;}
html[data-ui='vivid'] .foot a.admin-entry:hover {color:var(--accent)}
/* 页脚社交排:图标居中一行,与 classic 页脚同步 */
html[data-ui='vivid'] .foot-social {display:flex;justify-content:center;align-items:center;
gap:18px;margin:14px 0 18px;}