diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-16 18:18:41 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-16 18:18:41 +0900 |
| commit | 4ba4062519df5121fee8cdb3ddb262d2c99b0dce (patch) | |
| tree | cad56de334f461df3455cc332ca91131e4113b04 /src/client/components/tab.vue | |
| parent | Merge branch 'develop' of https://github.com/misskey-dev/misskey into develop (diff) | |
| download | sharkey-4ba4062519df5121fee8cdb3ddb262d2c99b0dce.tar.gz sharkey-4ba4062519df5121fee8cdb3ddb262d2c99b0dce.tar.bz2 sharkey-4ba4062519df5121fee8cdb3ddb262d2c99b0dce.zip | |
:art:
Diffstat (limited to 'src/client/components/tab.vue')
| -rw-r--r-- | src/client/components/tab.vue | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/src/client/components/tab.vue b/src/client/components/tab.vue index 58538c2ca1..ce86af8f95 100644 --- a/src/client/components/tab.vue +++ b/src/client/components/tab.vue @@ -35,8 +35,8 @@ export default defineComponent({ > button { flex: 1; - padding: 15px 12px 12px 12px; - border-bottom: solid 3px transparent; + padding: 10px 8px; + border-radius: 6px; &:disabled { opacity: 1 !important; @@ -45,11 +45,16 @@ export default defineComponent({ &.active { color: var(--accent); - border-bottom-color: var(--accent); + background: var(--accentedBg); } &:not(.active):hover { color: var(--fgHighlighted); + background: var(--panelHighlight); + } + + &:not(:first-child) { + margin-left: 8px; } > .icon { @@ -61,7 +66,7 @@ export default defineComponent({ font-size: 80%; > button { - padding: 11px 8px 8px 8px; + padding: 11px 8px; } } } |