natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix again

This commit is contained in:
ThatOneCalculator 2022-07-27 11:52:10 -07:00
parent 6e7efb8c43
commit f277aaf677
1 changed files with 24 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
packages/client/src/components/global/loading.vue
View File

@ -34,26 +34,6 @@ const props = withDefaults(defineProps<{
<style lang="scss" module> <style lang="scss" module>
/* Credit to https://codepen.io/supah/pen/BjYLdW */ /* Credit to https://codepen.io/supah/pen/BjYLdW */
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
.root { .root {
padding: 32px; padding: 32px;
@ -92,9 +72,31 @@ const props = withDefaults(defineProps<{
z-index: 999; z-index: 999;
width: var(--size); width: var(--size);
height: var(--size); height: var(--size);
stroke-linecap: round; animation: rotate 2s linear infinite;
stroke-linejoin: round;
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
&.path { &.path {
stroke: var(--accent); stroke: var(--accent);
stroke-linecap: round; stroke-linecap: round;