summaryrefslogtreecommitdiff
path: root/packages/frontend/src
diff options
context:
space:
mode:
authorsyuilo <4439005+syuilo@users.noreply.github.com>2025-05-11 15:40:58 +0900
committersyuilo <4439005+syuilo@users.noreply.github.com>2025-05-11 15:40:58 +0900
commit2ead6b8adc786877cd31bd9e1dd45ca60e488210 (patch)
treea0f99e1cfa922adaa9b765a12df939d8c64a8462 /packages/frontend/src
parentUpdate CHANGELOG.md (diff)
downloadmisskey-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.vue23
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;