From 868bc11130fd034da67688929e8d3a7a552574fd Mon Sep 17 00:00:00 2001 From: ThatOneCalculator Date: Wed, 9 Nov 2022 14:11:22 -0800 Subject: [PATCH] fix style --- .../client/src/components/MkUserPreview.vue | 22 +++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/packages/client/src/components/MkUserPreview.vue b/packages/client/src/components/MkUserPreview.vue index 7c411be0e..1cbfe4a21 100644 --- a/packages/client/src/components/MkUserPreview.vue +++ b/packages/client/src/components/MkUserPreview.vue @@ -104,6 +104,28 @@ onMounted(() => { background-color: rgba(0, 0, 0, 0.1); background-size: cover; background-position: center; + > .followed { + position: absolute; + top: 12px; + left: 12px; + padding: 4px 8px; + color: #fff; + background: rgba(0, 0, 0, 0.7); + font-size: 0.7em; + border-radius: 6px; + } + + &::after { + content: ""; + background-image: var(--blur, inherit); + position: fixed; + inset: 0; + background-size: cover; + background-position: center; + pointer-events: none; + opacity: .1; + filter: var(--blur, blur(10px)); + } } > .avatar {