feat: progress img_cconnecting 이미지 수정

- 기존의 애니메이션을 apng로 변경
entrylabs · Sep 25, 2024 · 9cac4fb · 9cac4fb
1 parent f58a227
commit 9cac4fb
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 81 deletions.
diff --git a/src/styles/assets/progress_connecting1.svg b/src/styles/assets/progress_connecting1.svg
diff --git a/src/styles/assets/progress_connecting2.svg b/src/styles/assets/progress_connecting2.svg
diff --git a/src/styles/assets/progress_connecting3.svg b/src/styles/assets/progress_connecting3.svg
diff --git a/src/styles/assets/progress_connecting4.svg b/src/styles/assets/progress_connecting4.svg
diff --git a/src/styles/assets/progress_connecting_ext.png b/src/styles/assets/progress_connecting_ext.png
diff --git a/src/styles/entry/Progress.scss b/src/styles/entry/Progress.scss
@@ -131,17 +131,12 @@
             margin-top: 20px;
         }
 
-        @keyframes connecting_img {
-            0% { background-image: url(../../styles/assets/progress_connecting1.svg); }
-            25% { background-image: url(../../styles/assets/progress_connecting2.svg); }
-            50% { background-image: url(../../styles/assets/progress_connecting3.svg); }
-            75% { background-image: url(../../styles/assets/progress_connecting4.svg); }
-            100% { background-image: url(../../styles/assets/progress_connecting1.svg); }
-        }
         .img_connecting {
-            animation: connecting_img 4s infinite;
-            width: 120px;
-            height: 75px;
+            background-image: url(../../styles/assets/progress_connecting_ext.png);
+            background-size: cover;
+            margin-top: -10px;
+            width: 140px;
+            height: 90px;
         }
 
         .button-group {