minor changes

rayzhou-bit · Mar 21, 2024 · e3389ab · e3389ab
1 parent e00ba34
commit e3389ab
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Canvas/index.scss b/src/components/Canvas/index.scss
@@ -67,21 +67,21 @@ $spinner-base-measurement: 10em;
   top: 50%; left: 50%;
   transform: translate(-50%, -50%);
   padding: 50px;
-  border-radius: 20px;
+  border-radius: 10px;
   background-color: #FAFCFF;
   text-align: center;
 
   .bar-container {
     width: 250px;
-    height: 12px;
-    border-radius: 12px;
+    height: 10px;
+    border-radius: 20px;
     overflow: hidden;
     background-color: #DBE2EB;
 
     .bar {
       width: 100%;
       height: 100%;
-      border-radius: 12px;
+      border-radius: 20px;
       background-color: #363B4E;
       animation: load 1.5s infinite linear;
     }

diff --git a/src/components/Card/LibraryCard.scss b/src/components/Card/LibraryCard.scss
@@ -4,7 +4,7 @@ $round-radius: 12px;
 .library-card {
   box-sizing: content-box;
   position: relative;
-  width: 98%;
+  width: 100%;
   height: auto;
   border-radius: $round-radius;
   box-shadow: 2px 8px 3px #d7d6d6;

diff --git a/src/components/Card/hooks.js b/src/components/Card/hooks.js
@@ -11,8 +11,8 @@ import LibraryIcon from '../../assets/icons/library-icon.png';
 import RedTrashIcon from '../../assets/icons/red-trash.png';
 
 export const ANIMATION = {
-  cardBlink: 'card-blink .25s step-end 3 alternate',
-  libraryCardBlink: 'library-card-blink .25s step-end 3 alternate',
+  cardBlink: 'card-blink .25s step-end 4 alternate',
+  libraryCardBlink: 'library-card-blink .25s step-end 4 alternate',
 };
 
 export const useCardHooks = ({