diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-05-11 15:40:58 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-05-11 15:40:58 +0900 |
| commit | 2ead6b8adc786877cd31bd9e1dd45ca60e488210 (patch) | |
| tree | a0f99e1cfa922adaa9b765a12df939d8c64a8462 /packages/frontend/src | |
| parent | Update CHANGELOG.md (diff) | |
| download | misskey-2ead6b8adc786877cd31bd9e1dd45ca60e488210.tar.gz misskey-2ead6b8adc786877cd31bd9e1dd45ca60e488210.tar.bz2 misskey-2ead6b8adc786877cd31bd9e1dd45ca60e488210.zip | |
🎨
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/components/global/MkSystemIcon.vue | 23 |
1 files changed, 1 insertions, 22 deletions
diff --git a/packages/frontend/src/components/global/MkSystemIcon.vue b/packages/frontend/src/components/global/MkSystemIcon.vue index 66592da9c8..3454cdc9f2 100644 --- a/packages/frontend/src/components/global/MkSystemIcon.vue +++ b/packages/frontend/src/components/global/MkSystemIcon.vue @@ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only </svg> <svg v-else-if="type === 'success'" :class="[$style.icon, $style.success]" viewBox="0 0 160 160"> <path d="M62,80L74,92L98,68" style="--l:50;" :class="[$style.line, $style.animLine]"/> - <circle cx="80" cy="80" r="56" style="--l:350;" :class="[$style.line, $style.animCircleSuccess]"/> + <circle cx="80" cy="80" r="56" style="--l:350;" :class="[$style.line, $style.animCircle]"/> </svg> <svg v-else-if="type === 'warn'" :class="[$style.icon, $style.warn]" viewBox="0 0 160 160"> <path d="M80,64L80,88" style="--l:27;" :class="[$style.line, $style.animLine]"/> @@ -87,14 +87,6 @@ const props = defineProps<{ transform: rotate(-90deg); } -.animCircleSuccess { - stroke-dasharray: var(--l); - stroke-dashoffset: var(--l); - animation: circleSuccess var(--duration, 0.5s) cubic-bezier(0,0,.25,1) 1 forwards; - animation-delay: var(--delay, 0s); - transform-origin: center; -} - .animFade { opacity: 0; animation: fade-in var(--duration, 0.5s) cubic-bezier(0,0,.25,1) 1 forwards; @@ -112,19 +104,6 @@ const props = defineProps<{ } } -@keyframes circleSuccess { - 0% { - stroke-dashoffset: var(--l); - opacity: 0; - transform: rotate(-90deg); - } - 100% { - stroke-dashoffset: 0; - opacity: 1; - transform: rotate(90deg); - } -} - @keyframes fade-in { 0% { opacity: 0; |