Design: Adjust skeleton gradient

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

View File

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

View File

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

View File

@ -8,4 +8,3 @@ export const httpStatusCode = {
FORBIDDEN: 403, FORBIDDEN: 403,
NOTFOUND: 404, NOTFOUND: 404,
}; };