diff options
| author | Mar0xy <marie@kaifa.ch> | 2023-10-18 23:30:44 +0200 |
|---|---|---|
| committer | Mar0xy <marie@kaifa.ch> | 2023-10-18 23:30:44 +0200 |
| commit | 961d53d0f061f91e3cde95cfacf73638d0d0b9b4 (patch) | |
| tree | 1def5c157d965074de9e1768d76893aaf7f9ca1e /packages | |
| parent | fix: set remote users to approved on updates (diff) | |
| download | sharkey-961d53d0f061f91e3cde95cfacf73638d0d0b9b4.tar.gz sharkey-961d53d0f061f91e3cde95cfacf73638d0d0b9b4.tar.bz2 sharkey-961d53d0f061f91e3cde95cfacf73638d0d0b9b4.zip | |
upd: add color to non-approved user cards
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/frontend/src/components/MkUserCardMini.vue | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/packages/frontend/src/components/MkUserCardMini.vue b/packages/frontend/src/components/MkUserCardMini.vue index 465a109887..70c2a37b53 100644 --- a/packages/frontend/src/components/MkUserCardMini.vue +++ b/packages/frontend/src/components/MkUserCardMini.vue @@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only --> <template> -<div v-adaptive-bg :class="[$style.root, { yellow: user.isSilenced, red: user.isSuspended, gray: false }]"> +<div v-adaptive-bg :class="[$style.root, { yellow: user.isSilenced, blue: !user.approved, red: user.isSuspended, gray: false }]"> <MkAvatar class="avatar" :user="user" indicator/> <div class="body"> <span class="name"><MkUserName class="name" :user="user"/></span> @@ -97,6 +97,12 @@ onMounted(() => { background-size: 16px 16px; } + &:global(.blue) { + --c: rgba(0 153 255 / 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(.red) { --c: rgb(255 0 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%); |