diff --git a/src/components/chatbot/TravelChatBot.vue b/src/components/chatbot/TravelChatBot.vue index 0eedf96..abc4b26 100644 --- a/src/components/chatbot/TravelChatBot.vue +++ b/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; } diff --git a/src/components/search/SideBar.vue b/src/components/search/SideBar.vue index 1e3a80a..e63de0f 100644 --- a/src/components/search/SideBar.vue +++ b/src/components/search/SideBar.vue @@ -40,6 +40,7 @@ onUnmounted(() => {