diff --git a/frontend/src/ui/yohaku/chrome.css b/frontend/src/ui/yohaku/chrome.css index 6d89434..d685e16 100644 --- a/frontend/src/ui/yohaku/chrome.css +++ b/frontend/src/ui/yohaku/chrome.css @@ -67,17 +67,12 @@ html[data-ui='vivid'] .dock-brand {display:flex;align-items:center; @media (max-width:720px) { html[data-ui='vivid'] .dock {display:flex} } -/* 品牌标记换成站标「一横」:它自身就是圆,所以去掉渐变圆盘与首字母字号; - 右下角那颗绿色在线点保留(它是「有人在写」的信号,不属于被替换的部分)。 - 只作用于桌面顶栏 .brand:手机 dock 里已经不放站标(YohakuTop 的 dock 分支), - 选择器不再需要 :is() 兼顾两边。 */ +/* 品牌位只管尺寸:头像本身已裁成圆(AuthorAvatar 的 img),外面不加光环、 + 右下角也不加在线点——顶栏要的就是一张干净的圆头像。color 供 LogoMark + 回落(未设头像时)着色。只作用于桌面顶栏 .brand:手机 dock 里已经不放 + 站标(YohakuTop 的 dock 分支),选择器不需要 :is() 兼顾两边。 */ html[data-ui='vivid'] .brand .av {width:30px;height:30px;flex:none; - color:var(--ink); - box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--accent-soft); - position:relative;} -html[data-ui='vivid'] .brand .av::after {content:"";position:absolute;right:-1px;bottom:-1px; - width:9px;height:9px;border-radius:50%; - background:#34c759;border:2px solid var(--paper);} + color:var(--ink);} /* 上拉菜单:圆角毛玻璃贴着 dock 上方长出来,最高 70vh,内容多就内部滚 */ html[data-ui='vivid'] .menu-root {position:fixed;inset:0;z-index:110;}