diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-05-04 06:43:53 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-05-04 06:43:53 +0900 |
| commit | 590cb5f4dde12f3c341ade67ecb42e0b98c0d356 (patch) | |
| tree | 3d40dd9142dce45f82861602e91f7efaa7c4efac /packages/frontend/src/components | |
| parent | add note (diff) | |
| download | misskey-590cb5f4dde12f3c341ade67ecb42e0b98c0d356.tar.gz misskey-590cb5f4dde12f3c341ade67ecb42e0b98c0d356.tar.bz2 misskey-590cb5f4dde12f3c341ade67ecb42e0b98c0d356.zip | |
perf(frontend): improve MkInstanceTicker rendering performance
Diffstat (limited to 'packages/frontend/src/components')
| -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), |