From e3389ab42d046aee2a62b5d9d19009828807b9e2 Mon Sep 17 00:00:00 2001
From: rayzhou-bit <rayzhou12.12@gmail.com>
Date: Thu, 21 Mar 2024 16:40:54 -0700
Subject: [PATCH] minor changes

---
 src/components/Canvas/index.scss     | 8 ++++----
 src/components/Card/LibraryCard.scss | 2 +-
 src/components/Card/hooks.js         | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Canvas/index.scss b/src/components/Canvas/index.scss
index f22e1f1..9e165a4 100644
--- 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
index 4a54d95..5480558 100644
--- 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
index 604133d..b46191f 100644
--- 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 = ({