diff options
Diffstat (limited to 'packages/frontend/src/components/MkInstanceTicker.vue')
| -rw-r--r-- | packages/frontend/src/components/MkInstanceTicker.vue | 18 |
1 files changed, 4 insertions, 14 deletions
diff --git a/packages/frontend/src/components/MkInstanceTicker.vue b/packages/frontend/src/components/MkInstanceTicker.vue index eba8a73aec..380fb7b2d8 100644 --- a/packages/frontend/src/components/MkInstanceTicker.vue +++ b/packages/frontend/src/components/MkInstanceTicker.vue @@ -12,8 +12,8 @@ SPDX-License-Identifier: AGPL-3.0-only <script lang="ts" setup> import { computed } from 'vue'; -import type { CSSProperties } from 'vue'; import { instanceName as localInstanceName } from '@@/js/config.js'; +import type { CSSProperties } from 'vue'; import { instance as localInstance } from '@/instance.js'; import { getProxiedImageUrlNullable } from '@/utility/media-proxy.js'; @@ -61,19 +61,9 @@ $height: 2ex; border-radius: 4px 0 0 4px; overflow: clip; color: #fff; - text-shadow: /* .866 ≈ sin(60deg) */ - 1px 0 1px #000, - .866px .5px 1px #000, - .5px .866px 1px #000, - 0 1px 1px #000, - -.5px .866px 1px #000, - -.866px .5px 1px #000, - -1px 0 1px #000, - -.866px -.5px 1px #000, - -.5px -.866px 1px #000, - 0 -1px 1px #000, - .5px -.866px 1px #000, - .866px -.5px 1px #000; + + // text-shadowは重いから使うな + mask-image: linear-gradient(90deg, rgb(0,0,0), rgb(0,0,0) calc(100% - 16px), |