diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2018-03-16 20:48:22 +0100 |
|---|---|---|
| committer | Thibaut Girka <thib@sitedethib.com> | 2018-03-16 23:16:20 +0100 |
| commit | cd73af3bd08f070ebb88e9e1afe39bf414683496 (patch) | |
| tree | 28035c7ce1a4682c19a8a4e8e70c9b6d499e57c3 | |
| parent | f00af46d706f22e1e24d229e3c3f8f959ffaf22e (diff) | |
[Glitch] Improve style of web UI account tabs
Port of 38b9af76a2365b2099dd2d6a77225a4ace8c290f to glitch
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/accounts.scss | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss index 81adf7c31..a86120e08 100644 --- a/app/javascript/flavours/glitch/styles/components/accounts.scss +++ b/app/javascript/flavours/glitch/styles/components/accounts.scss @@ -431,22 +431,24 @@ } .account__section-headline { - background: lighten($ui-base-color, 2%); - border-bottom: 1px solid lighten($ui-base-color, 4%); + background: darken($ui-base-color, 4%); + border-bottom: 1px solid lighten($ui-base-color, 8%); cursor: default; display: flex; a { display: block; - color: $ui-base-lighter-color; - padding: 15px 10px; + flex: 1 1 auto; + color: $ui-primary-color; + padding: 15px 0; font-size: 14px; font-weight: 500; + text-align: center; text-decoration: none; position: relative; &.active { - color: $ui-highlight-color; + color: $ui-secondary-color; &::before, &::after { @@ -460,7 +462,7 @@ transform: translateX(-50%); border-style: solid; border-width: 0 10px 10px; - border-color: transparent transparent lighten($ui-base-color, 4%); + border-color: transparent transparent lighten($ui-base-color, 8%); } &::after { |