jhynsoo/enjoytrip_FE
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Design: Adjust skeleton gradient

Browse Source
This commit is contained in:
jhynsoo 2024-05-22 15:18:34 +09:00
parent 8770fd9f38
commit b6cff02c5d
3 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/chatbot/TravelChatBot.vue
View File

@ -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;
}

1
src/components/search/SideBar.vue
View File

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

3
src/utils/http-status.js
View File

@ -7,5 +7,4 @@ export const httpStatusCode = {
UNAUTHORIZED: 401,
FORBIDDEN: 403,
NOTFOUND: 404,
};
};