diff options
| author | Henry Jameson <me@hjkos.com> | 2024-02-27 00:16:22 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-02-27 00:16:22 +0200 |
| commit | 9a24d21bbdd77db808c09b7b5cad632bebbe2f13 (patch) | |
| tree | b89ba2adf9cf0688b37be30a964b4028a154d45d /src/components | |
| parent | ef2c8f077dee094c533ba2bdb0c8694a21760868 (diff) | |
fix mobile badge in timeline
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/notification/notification.scss | 18 | ||||
| -rw-r--r-- | src/components/timeline/timeline.vue | 2 |
2 files changed, 6 insertions, 14 deletions
diff --git a/src/components/notification/notification.scss b/src/components/notification/notification.scss index 86d3e31d..ad05a2f3 100644 --- a/src/components/notification/notification.scss +++ b/src/components/notification/notification.scss @@ -1,5 +1,3 @@ -@import "../../variables"; - // TODO Copypaste from Status, should unify it somehow .Notification { border-bottom: 1px solid; @@ -70,28 +68,22 @@ } &.-type--repeat .type-icon { - color: $fallback--cGreen; - color: var(--cGreen, $fallback--cGreen); + color: var(--cGreen); } &.-type--follow .type-icon { - color: $fallback--cBlue; - color: var(--cBlue, $fallback--cBlue); + color: var(--cBlue); } &.-type--follow-request .type-icon { - color: $fallback--cBlue; - color: var(--cBlue, $fallback--cBlue); + color: var(--cBlue); } &.-type--like .type-icon { - color: orange; - color: $fallback--cOrange; - color: var(--cOrange, $fallback--cOrange); + color: var(--cOrange); } &.-type--move .type-icon { - color: $fallback--cBlue; - color: var(--cBlue, $fallback--cBlue); + color: var(--cBlue); } } diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index 2279f21a..862a1972 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -38,7 +38,7 @@ fixed-width icon="circle-plus" /> - <div class="alert-badge"> + <div class="badge -counter"> {{ mobileLoadButtonString }} </div> </button> |