diff --git a/src/components/animation/playing.vue b/src/components/animation/playing.vue index 493e93a..ef43864 100644 --- a/src/components/animation/playing.vue +++ b/src/components/animation/playing.vue @@ -20,22 +20,22 @@ .div { display: flex; - width: 3.5em; - height: 3.5em; - border: 3px solid transparent; + width: 20em; + height: 20em; + border: 1em solid transparent; border-top-color: #3cefff; border-bottom-color: #3cefff; border-radius: 50%; animation: spin 1.5s linear infinite; } -div:before { +.div:before { content: ''; display: block; margin: auto; - width: 0.75em; - height: 0.75em; - border: 3px solid #3cefff; + width: 10em; + height: 10em; + border: 1em solid #3cefff; border-radius: 50%; animation: pulse 1s alternate ease-in-out infinite; }