Design: Adjust skeleton gradient
This commit is contained in:
parent
8770fd9f38
commit
b6cff02c5d
@ -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;
|
||||
}
|
||||
|
||||
|
@ -40,6 +40,7 @@ onUnmounted(() => {
|
||||
|
||||
<style scoped>
|
||||
.sidebar {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 400px;
|
||||
|
@ -8,4 +8,3 @@ export const httpStatusCode = {
|
||||
FORBIDDEN: 403,
|
||||
NOTFOUND: 404,
|
||||
};
|
||||
|
Loading…
Reference in New Issue
Block a user