diff options
| author | John Molakvoæ <skjnldsv@protonmail.com> | 2022-05-12 12:23:11 +0300 |
|---|---|---|
| committer | John Molakvoæ <skjnldsv@protonmail.com> | 2022-05-13 17:13:01 +0300 |
| commit | 264adf0c3bb8876dde04b2fb93c5554aae91aa9c (patch) | |
| tree | a89b7bc0ebdeb725c14cb90d7b62af1fa0c61ce6 /core | |
| parent | b8a7ab9941352e48123ba82038081f119beb5147 (diff) | |
Fix profile and add gradient-primary-background
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/header.css | 2 | ||||
| -rw-r--r-- | core/css/header.scss | 2 | ||||
| -rw-r--r-- | core/css/server.css | 2 | ||||
| -rw-r--r-- | core/src/views/Profile.vue | 5 |
4 files changed, 8 insertions, 3 deletions
diff --git a/core/css/header.css b/core/css/header.css index 93c44812e57..a78c38ebccf 100644 --- a/core/css/header.css +++ b/core/css/header.css @@ -71,7 +71,7 @@ z-index: 2000; height: 50px; background-color: var(--color-primary); - background-image: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-element-light) 100%); + background-image: var(--gradient-primary-background); box-sizing: border-box; justify-content: space-between; } diff --git a/core/css/header.scss b/core/css/header.scss index 4549c18487e..a41ac852b72 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -51,7 +51,7 @@ z-index: 2000; height: variables.$header-height; background-color: var(--color-primary); - background-image: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-element-light) 100%); + background-image: var(--gradient-primary-background); box-sizing: border-box; justify-content: space-between; } diff --git a/core/css/server.css b/core/css/server.css index beb10cd1e73..88b6901a775 100644 --- a/core/css/server.css +++ b/core/css/server.css @@ -2288,7 +2288,7 @@ label.infield { z-index: 2000; height: 50px; background-color: var(--color-primary); - background-image: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-element-light) 100%); + background-image: var(--gradient-primary-background); box-sizing: border-box; justify-content: space-between; } diff --git a/core/src/views/Profile.vue b/core/src/views/Profile.vue index a8d6522b435..9173e5bb820 100644 --- a/core/src/views/Profile.vue +++ b/core/src/views/Profile.vue @@ -312,6 +312,8 @@ $content-max-width: 640px; position: sticky; height: 190px; top: -40px; + background-color: var(--color-primary); + background-image: var(--gradient-primary-background); &__container { align-self: flex-end; @@ -576,6 +578,9 @@ $content-max-width: 640px; display: flex; justify-content: center; gap: 0 4px; + a { + filter: var(--background-invert-if-dark); + } } } |