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(