* index: change style of app tabs.

This commit is contained in:
sunhao
2024-01-25 16:15:58 +08:00
parent cda5753b3d
commit eb91e9852f
+3 -3
View File
@@ -31,10 +31,10 @@
#appsBar {position: fixed; left: var(--zt-menu-width, 96px); bottom: 0; right: 0; height: var(--zt-apps-bar-height, 40px); background: var(--zt-apps-bar-bg, var(--color-canvas)); box-shadow: 0 -2px 12px rgba(0,0,0,.02); transition: left .2s; border-top-width: 1px;}
.hide-menu #appsBar {left: var(--zt-menu-fold-width, 40px)!important;}
#appTabs {position: absolute; left: 4px; right: 360px; top: 0; bottom: 0; user-select: none;}
#appTabs > li > a {border-radius: var(--radius-md); opacity: .7;}
#appTabs {position: absolute; left: 4px; right: 360px; top: 0; bottom: 0; user-select: none; --nav-active-color: currentColor}
#appTabs > li > a {border-radius: var(--radius-md); opacity: .6;}
#appTabs > li + li::before {display: block; content: ' '; position: absolute; left: 0; top: 8px; bottom: 8px; width: 1px; background: var(--color-inverse); opacity: .12;}
#appTabs > li > a.active {opacity: 1; color: var(--color-primary-500)}
#appTabs > li > a.active {opacity: 1;}
#appsToolbar {position: absolute; right: 4px; width: 360px; top: 0; bottom: 0; display: flex; justify-content: flex-end;}
#appsToolbar > .btn {color: inherit}
#appsToolbar > .btn-zentao > .icon {color: var(--color-primary-400)}