Skip to content

Commit

Permalink
beautifying
Browse files Browse the repository at this point in the history
  • Loading branch information
exophs authored Aug 23, 2024
1 parent d52a3d9 commit 4a7b2e9
Show file tree
Hide file tree
Showing 5 changed files with 15,281 additions and 7 deletions.
5,980 changes: 5,979 additions & 1 deletion _app/immutable/assets/0.d6bb33b9.css

Large diffs are not rendered by default.

6,174 changes: 6,173 additions & 1 deletion _app/immutable/assets/32.b84f8994.css

Large diffs are not rendered by default.

265 changes: 264 additions & 1 deletion _app/immutable/assets/toast.3a6d0da3.css
Original file line number Diff line number Diff line change
@@ -1 +1,264 @@
div.svelte-11kvm4p{width:20px;opacity:0;height:20px;border-radius:10px;background:var(--primary, #61d345);position:relative;transform:rotate(45deg);animation:svelte-11kvm4p-circleAnimation .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}div.svelte-11kvm4p:after{content:"";box-sizing:border-box;animation:svelte-11kvm4p-checkmarkAnimation .2s ease-out forwards;opacity:0;animation-delay:.2s;position:absolute;border-right:2px solid;border-bottom:2px solid;border-color:var(--secondary, #fff);bottom:6px;left:6px;height:10px;width:6px}@keyframes svelte-11kvm4p-circleAnimation{0%{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes svelte-11kvm4p-checkmarkAnimation{0%{height:0;width:0;opacity:0}40%{height:0;width:6px;opacity:1}to{opacity:1;height:10px}}div.svelte-1ee93ns{width:20px;opacity:0;height:20px;border-radius:10px;background:var(--primary, #ff4b4b);position:relative;transform:rotate(45deg);animation:svelte-1ee93ns-circleAnimation .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.1s}div.svelte-1ee93ns:after,div.svelte-1ee93ns:before{content:"";animation:svelte-1ee93ns-firstLineAnimation .15s ease-out forwards;animation-delay:.15s;position:absolute;border-radius:3px;opacity:0;background:var(--secondary, #fff);bottom:9px;left:4px;height:2px;width:12px}div.svelte-1ee93ns:before{animation:svelte-1ee93ns-secondLineAnimation .15s ease-out forwards;animation-delay:.18s;transform:rotate(90deg)}@keyframes svelte-1ee93ns-circleAnimation{0%{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes svelte-1ee93ns-firstLineAnimation{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes svelte-1ee93ns-secondLineAnimation{0%{transform:scale(0) rotate(90deg);opacity:0}to{transform:scale(1) rotate(90deg);opacity:1}}div.svelte-1j7dflg{width:12px;height:12px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--secondary, #e0e0e0);border-right-color:var(--primary, #616161);animation:svelte-1j7dflg-rotate 1s linear infinite}@keyframes svelte-1j7dflg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.indicator.svelte-1kgeier{position:relative;display:flex;justify-content:center;align-items:center;min-width:20px;min-height:20px}.status.svelte-1kgeier{position:absolute}.animated.svelte-1kgeier{position:relative;transform:scale(.6);opacity:.4;min-width:20px;animation:svelte-1kgeier-enter .3s .12s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes svelte-1kgeier-enter{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}.message.svelte-1nauejd{display:flex;justify-content:center;margin:4px 10px;color:inherit;flex:1 1 auto;white-space:pre-line}@keyframes svelte-ug60r4-enterAnimation{0%{transform:translate3d(0,calc(var(--factor) * -200%),0) scale(.6);opacity:.5}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes svelte-ug60r4-exitAnimation{0%{transform:translateZ(-1px) scale(1);opacity:1}to{transform:translate3d(0,calc(var(--factor) * -150%),-1px) scale(.6);opacity:0}}@keyframes svelte-ug60r4-fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes svelte-ug60r4-fadeOutAnimation{0%{opacity:1}to{opacity:0}}.base.svelte-ug60r4{display:flex;align-items:center;background:#fff;color:#363636;line-height:1.3;will-change:transform;box-shadow:0 3px 10px #0000001a,0 3px 3px #0000000d;max-width:350px;pointer-events:auto;padding:8px 10px;border-radius:8px}.transparent.svelte-ug60r4{opacity:0}.enter.svelte-ug60r4{animation:svelte-ug60r4-enterAnimation .35s cubic-bezier(.21,1.02,.73,1) forwards}.exit.svelte-ug60r4{animation:svelte-ug60r4-exitAnimation .4s cubic-bezier(.06,.71,.55,1) forwards}.fadeIn.svelte-ug60r4{animation:svelte-ug60r4-fadeInAnimation .35s cubic-bezier(.21,1.02,.73,1) forwards}.fadeOut.svelte-ug60r4{animation:svelte-ug60r4-fadeOutAnimation .4s cubic-bezier(.06,.71,.55,1) forwards}.wrapper.svelte-v01oml{left:0;right:0;display:flex;position:absolute;transform:translateY(calc(var(--offset, 16px) * var(--factor) * 1px))}.transition.svelte-v01oml{transition:all .23s cubic-bezier(.21,1.02,.73,1)}.active.svelte-v01oml{z-index:9999}.active.svelte-v01oml>*{pointer-events:auto}.toaster.svelte-1phplh9{--default-offset:16px;position:fixed;z-index:9999;top:var(--default-offset);left:var(--default-offset);right:var(--default-offset);bottom:var(--default-offset);pointer-events:none}
div.svelte-11kvm4p {
width: 20px;
opacity: 0;
height: 20px;
border-radius: 10px;
background: var(--primary, #61d345);
position: relative;
transform: rotate(45deg);
animation: svelte-11kvm4p-circleAnimation 0.3s
cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
animation-delay: 0.1s;
}
div.svelte-11kvm4p:after {
content: "";
box-sizing: border-box;
animation: svelte-11kvm4p-checkmarkAnimation 0.2s ease-out forwards;
opacity: 0;
animation-delay: 0.2s;
position: absolute;
border-right: 2px solid;
border-bottom: 2px solid;
border-color: var(--secondary, #fff);
bottom: 6px;
left: 6px;
height: 10px;
width: 6px;
}
@keyframes svelte-11kvm4p-circleAnimation {
0% {
transform: scale(0) rotate(45deg);
opacity: 0;
}
to {
transform: scale(1) rotate(45deg);
opacity: 1;
}
}
@keyframes svelte-11kvm4p-checkmarkAnimation {
0% {
height: 0;
width: 0;
opacity: 0;
}
40% {
height: 0;
width: 6px;
opacity: 1;
}
to {
opacity: 1;
height: 10px;
}
}
div.svelte-1ee93ns {
width: 20px;
opacity: 0;
height: 20px;
border-radius: 10px;
background: var(--primary, #ff4b4b);
position: relative;
transform: rotate(45deg);
animation: svelte-1ee93ns-circleAnimation 0.3s
cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
animation-delay: 0.1s;
}
div.svelte-1ee93ns:after,
div.svelte-1ee93ns:before {
content: "";
animation: svelte-1ee93ns-firstLineAnimation 0.15s ease-out forwards;
animation-delay: 0.15s;
position: absolute;
border-radius: 3px;
opacity: 0;
background: var(--secondary, #fff);
bottom: 9px;
left: 4px;
height: 2px;
width: 12px;
}
div.svelte-1ee93ns:before {
animation: svelte-1ee93ns-secondLineAnimation 0.15s ease-out forwards;
animation-delay: 0.18s;
transform: rotate(90deg);
}
@keyframes svelte-1ee93ns-circleAnimation {
0% {
transform: scale(0) rotate(45deg);
opacity: 0;
}
to {
transform: scale(1) rotate(45deg);
opacity: 1;
}
}
@keyframes svelte-1ee93ns-firstLineAnimation {
0% {
transform: scale(0);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes svelte-1ee93ns-secondLineAnimation {
0% {
transform: scale(0) rotate(90deg);
opacity: 0;
}
to {
transform: scale(1) rotate(90deg);
opacity: 1;
}
}
div.svelte-1j7dflg {
width: 12px;
height: 12px;
box-sizing: border-box;
border: 2px solid;
border-radius: 100%;
border-color: var(--secondary, #e0e0e0);
border-right-color: var(--primary, #616161);
animation: svelte-1j7dflg-rotate 1s linear infinite;
}
@keyframes svelte-1j7dflg-rotate {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.indicator.svelte-1kgeier {
position: relative;
display: flex;
justify-content: center;
align-items: center;
min-width: 20px;
min-height: 20px;
}
.status.svelte-1kgeier {
position: absolute;
}
.animated.svelte-1kgeier {
position: relative;
transform: scale(0.6);
opacity: 0.4;
min-width: 20px;
animation: svelte-1kgeier-enter 0.3s 0.12s
cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes svelte-1kgeier-enter {
0% {
transform: scale(0.6);
opacity: 0.4;
}
to {
transform: scale(1);
opacity: 1;
}
}
.message.svelte-1nauejd {
display: flex;
justify-content: center;
margin: 4px 10px;
color: inherit;
flex: 1 1 auto;
white-space: pre-line;
}
@keyframes svelte-ug60r4-enterAnimation {
0% {
transform: translate3d(0, calc(var(--factor) * -200%), 0) scale(0.6);
opacity: 0.5;
}
to {
transform: translateZ(0) scale(1);
opacity: 1;
}
}
@keyframes svelte-ug60r4-exitAnimation {
0% {
transform: translateZ(-1px) scale(1);
opacity: 1;
}
to {
transform: translate3d(0, calc(var(--factor) * -150%), -1px) scale(0.6);
opacity: 0;
}
}
@keyframes svelte-ug60r4-fadeInAnimation {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes svelte-ug60r4-fadeOutAnimation {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.base.svelte-ug60r4 {
display: flex;
align-items: center;
background: #fff;
color: #363636;
line-height: 1.3;
will-change: transform;
box-shadow: 0 3px 10px #0000001a, 0 3px 3px #0000000d;
max-width: 350px;
pointer-events: auto;
padding: 8px 10px;
border-radius: 8px;
}
.transparent.svelte-ug60r4 {
opacity: 0;
}
.enter.svelte-ug60r4 {
animation: svelte-ug60r4-enterAnimation 0.35s
cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
}
.exit.svelte-ug60r4 {
animation: svelte-ug60r4-exitAnimation 0.4s cubic-bezier(0.06, 0.71, 0.55, 1)
forwards;
}
.fadeIn.svelte-ug60r4 {
animation: svelte-ug60r4-fadeInAnimation 0.35s
cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
}
.fadeOut.svelte-ug60r4 {
animation: svelte-ug60r4-fadeOutAnimation 0.4s
cubic-bezier(0.06, 0.71, 0.55, 1) forwards;
}
.wrapper.svelte-v01oml {
left: 0;
right: 0;
display: flex;
position: absolute;
transform: translateY(calc(var(--offset, 16px) * var(--factor) * 1px));
}
.transition.svelte-v01oml {
transition: all 0.23s cubic-bezier(0.21, 1.02, 0.73, 1);
}
.active.svelte-v01oml {
z-index: 9999;
}
.active.svelte-v01oml > * {
pointer-events: auto;
}
.toaster.svelte-1phplh9 {
--default-offset: 16px;
position: fixed;
z-index: 9999;
top: var(--default-offset);
left: var(--default-offset);
right: var(--default-offset);
bottom: var(--default-offset);
pointer-events: none;
}

Loading

0 comments on commit 4a7b2e9

Please sign in to comment.