Design: Adjust skeleton gradient

src/components/chatbot/TravelChatBot.vue

@@ -124,17 +124,17 @@ function handleSubmit() {
 
 .skeleton {
   width: 100%;
-  height: 1em;
+  height: 1.1em;
   background: linear-gradient(
     120deg,
-    var(--color-border) 30%,
-    var(--color-background-soft) 38%,
-    var(--color-background-soft) 42%,
-    var(--color-border) 50%
+    var(--color-border) 10%,
+    var(--color-background-soft) 20%,
+    var(--color-background-soft) 30%,
+    var(--color-border) 40%
   );
   background-size: 200% 100%;
   background-position: 100% 0;
-  animation: skeleton 1.5s infinite;
+  animation: skeleton 1.5s infinite ease-in-out;
   border-radius: 4px;
 }
 

src/components/search/SideBar.vue

@@ -40,6 +40,7 @@ onUnmounted(() => {
 
 <style scoped>
 .sidebar {
+  flex-shrink: 0;
   display: flex;
   flex-direction: column;
   width: 400px;

src/utils/http-status.js

@@ -1,11 +1,10 @@
 // HTTP Status Code
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Status
 export const httpStatusCode = {
-    OK: 200,
-    CREATE: 201,
-    NOCONTENT: 204,
-    UNAUTHORIZED: 401,
-    FORBIDDEN: 403,
-    NOTFOUND: 404,
-  };
-  
+  OK: 200,
+  CREATE: 201,
+  NOCONTENT: 204,
+  UNAUTHORIZED: 401,
+  FORBIDDEN: 403,
+  NOTFOUND: 404,
+};