From c8de7d818c50fb3a80af40d0362f874e43c557e2 Mon Sep 17 00:00:00 2001 From: Namekuji <nmkj@mx.kazuno.co> Date: Sun, 30 Apr 2023 17:42:01 -0400 Subject: [PATCH] add silenced colour --- .../src/components/MkInstanceCardMini.vue | 20 +++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/packages/client/src/components/MkInstanceCardMini.vue b/packages/client/src/components/MkInstanceCardMini.vue index 0a3fbbea2..6bc46c0e4 100644 --- a/packages/client/src/components/MkInstanceCardMini.vue +++ b/packages/client/src/components/MkInstanceCardMini.vue @@ -5,6 +5,7 @@ { yellow: instance.isNotResponding, red: instance.isBlocked, + purple: instance.isSilenced, gray: instance.isSuspended, }, ]" @@ -23,13 +24,13 @@ </template> <script lang="ts" setup> -import * as misskey from "calckey-js"; +import * as calckey from "calckey-js"; import MkMiniChart from "@/components/MkMiniChart.vue"; import * as os from "@/os"; import { getProxiedImageUrlNullable } from "@/scripts/media-proxy"; const props = defineProps<{ - instance: misskey.entities.Instance; + instance: calckey.entities.Instance; }>(); let chartValues = $ref<number[] | null>(null); @@ -135,6 +136,21 @@ function getInstanceIcon(instance): string { background-size: 16px 16px; } + &:global(.purple) { + --c: rgba(196, 0, 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(.gray) { --c: var(--bg); background-image: linear-gradient(