vivid 品牌位做减法:头像外圈光环与绿色在线点都去掉
This commit is contained in:
1 parent
942bad6158
commit
cc01650d0d
1 file changed
+5
-10
@@ -67,17 +67,12 @@ html[data-ui='vivid'] .dock-brand {display:flex;align-items:center;
|
|||||||
@media (max-width:720px) {
|
@media (max-width:720px) {
|
||||||
html[data-ui='vivid'] .dock {display:flex}
|
html[data-ui='vivid'] .dock {display:flex}
|
||||||
}
|
}
|
||||||
/* 品牌标记换成站标「一横」:它自身就是圆,所以去掉渐变圆盘与首字母字号;
|
/* 品牌位只管尺寸:头像本身已裁成圆(AuthorAvatar 的 img),外面不加光环、
|
||||||
右下角那颗绿色在线点保留(它是「有人在写」的信号,不属于被替换的部分)。
|
右下角也不加在线点——顶栏要的就是一张干净的圆头像。color 供 LogoMark
|
||||||
只作用于桌面顶栏 .brand:手机 dock 里已经不放站标(YohakuTop 的 dock 分支),
|
回落(未设头像时)着色。只作用于桌面顶栏 .brand:手机 dock 里已经不放
|
||||||
选择器不再需要 :is() 兼顾两边。 */
|
站标(YohakuTop 的 dock 分支),选择器不需要 :is() 兼顾两边。 */
|
||||||
html[data-ui='vivid'] .brand .av {width:30px;height:30px;flex:none;
|
html[data-ui='vivid'] .brand .av {width:30px;height:30px;flex:none;
|
||||||
color:var(--ink);
|
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);}
|
|
||||||
|
|
||||||
/* 上拉菜单:圆角毛玻璃贴着 dock 上方长出来,最高 70vh,内容多就内部滚 */
|
/* 上拉菜单:圆角毛玻璃贴着 dock 上方长出来,最高 70vh,内容多就内部滚 */
|
||||||
html[data-ui='vivid'] .menu-root {position:fixed;inset:0;z-index:110;}
|
html[data-ui='vivid'] .menu-root {position:fixed;inset:0;z-index:110;}
|
||||||
|
|||||||
Reference in new issue
Block a user