diff --git a/frontend/src/ui/yohaku/YohakuTop.vue b/frontend/src/ui/yohaku/YohakuTop.vue index 2ac49e9..fb079f3 100644 --- a/frontend/src/ui/yohaku/YohakuTop.vue +++ b/frontend/src/ui/yohaku/YohakuTop.vue @@ -21,11 +21,11 @@ const burger = ref(null) const drawerEl = ref(null) const links = [ - { to: '/', label: '时间线', en: 'Timeline' }, - { to: '/archive', label: '归档', en: 'Archive' }, - { to: '/tags', label: '标签', en: 'Tags' }, - { to: '/projects', label: '作品', en: 'Projects' }, - { to: '/about', label: '关于', en: 'About' } + { to: '/', label: '时间线' }, + { to: '/archive', label: '归档' }, + { to: '/tags', label: '标签' }, + { to: '/projects', label: '作品' }, + { to: '/about', label: '关于' } ] const title = () => site.site_title?.split(/[·|]/)[0]?.trim() || 'ONE' @@ -148,10 +148,7 @@ function toggleTheme() { :key="l.to" :to="l.to" :class="{ on: isOn(l) }" - > - {{ l.label }} - {{ l.en }} - + >{{ l.label }}
diff --git a/frontend/src/ui/yohaku/chrome.css b/frontend/src/ui/yohaku/chrome.css index f922084..f987a5c 100644 --- a/frontend/src/ui/yohaku/chrome.css +++ b/frontend/src/ui/yohaku/chrome.css @@ -91,15 +91,11 @@ html[data-ui='vivid'] .drawer {position:absolute;top:0;right:0;bottom:0; scrollbar-width:none;} html[data-ui='vivid'] .drawer:focus {outline:none} html[data-ui='vivid'] .drawer-nav {display:flex;flex-direction:column;} -html[data-ui='vivid'] .drawer-nav a {position:relative;display:flex;align-items:baseline;gap:12px; +html[data-ui='vivid'] .drawer-nav a {position:relative;display:block; padding:15px 4px;font-size:24px;font-weight:800;letter-spacing:-.02em; line-height:1.25;color:var(--soft); transition:color .3s var(--ease);} -html[data-ui='vivid'] .drawer-nav a em {font-style:normal;font-size:11px;font-weight:700; - letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-left:auto; - transition:color .3s var(--ease);} html[data-ui='vivid'] .drawer-nav a.on {color:var(--accent)} -html[data-ui='vivid'] .drawer-nav a.on em {color:var(--accent)} /* 当前项的左缘短杠:面板内边距 22px,杠落在离屏边 10px 处 */ html[data-ui='vivid'] .drawer-nav a.on::before {content:"";position:absolute;left:-18px;top:50%; width:3px;height:18px;border-radius:2px;background:var(--accent);