diff options
| author | Mar0xy <marie@kaifa.ch> | 2023-10-16 23:38:21 +0200 |
|---|---|---|
| committer | Mar0xy <marie@kaifa.ch> | 2023-10-16 23:38:21 +0200 |
| commit | 68886b9ab5fc1cf50033b382b85e0a068fdbb7d6 (patch) | |
| tree | 33dda5f8a6be49b148c49eafdcea8cdd9ded4b7a /packages/frontend/src/components/MkInstanceCardMini.vue | |
| parent | up: dev version (diff) | |
| parent | update deps (diff) | |
| download | sharkey-68886b9ab5fc1cf50033b382b85e0a068fdbb7d6.tar.gz sharkey-68886b9ab5fc1cf50033b382b85e0a068fdbb7d6.tar.bz2 sharkey-68886b9ab5fc1cf50033b382b85e0a068fdbb7d6.zip | |
merge: upstream performance changes & instance silencing
Diffstat (limited to 'packages/frontend/src/components/MkInstanceCardMini.vue')
| -rw-r--r-- | packages/frontend/src/components/MkInstanceCardMini.vue | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/packages/frontend/src/components/MkInstanceCardMini.vue b/packages/frontend/src/components/MkInstanceCardMini.vue index e514e2c6ab..4fb36d73c1 100644 --- a/packages/frontend/src/components/MkInstanceCardMini.vue +++ b/packages/frontend/src/components/MkInstanceCardMini.vue @@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only --> <template> -<div :class="[$style.root, { yellow: instance.isNotResponding, red: instance.isBlocked, gray: instance.isSuspended }]"> +<div :class="[$style.root, { yellow: instance.isNotResponding, red: instance.isBlocked, gray: instance.isSuspended, blue: instance.isSilenced }]"> <img class="icon" :src="getInstanceIcon(instance)" alt="" loading="lazy"/> <div class="body"> <span class="host">{{ instance.name ?? instance.host }}</span> @@ -89,6 +89,12 @@ function getInstanceIcon(instance): string { height: 30px; } + &:global(.blue) { + --c: rgba(0, 42, 255, 0.15); + background-image: linear-gradient(45deg, var(--c) 16.67%, transparent 16.67%, transparent 50%, var(--c) 50%, var(--c) 66.67%, transparent 66.67%, transparent 100%); + background-size: 16px 16px; + } + &:global(.yellow) { --c: rgb(255 196 0 / 15%); background-image: linear-gradient(45deg, var(--c) 16.67%, transparent 16.67%, transparent 50%, var(--c) 50%, var(--c) 66.67%, transparent 66.67%, transparent 100%); |