perf: reorganize the icons and reduce the volume

This commit is contained in:
vince
2024-07-17 22:25:27 +08:00
parent cb161eab89
commit 910a3553ac
54 changed files with 341 additions and 404 deletions

View File

@@ -34,7 +34,7 @@ const bindProps = computed(() => {
: {
class: 'rounded-full',
size: 'icon' as const,
style: { padding: '6px' },
style: { padding: '7px' },
variant: 'icon' as const,
};
});
@@ -130,18 +130,18 @@ function toggleTheme(event: MouseEvent) {
}
&__sun {
@apply fill-foreground/80 stroke-none;
@apply fill-foreground/70 stroke-none;
transition: transform 1.6s cubic-bezier(0.25, 0, 0.2, 1);
transform-origin: center center;
&:hover > svg > & {
@apply fill-foreground/80;
@apply fill-foreground/70;
}
}
&__sun-beams {
@apply stroke-foreground/80 stroke-[2px];
@apply stroke-foreground/70 stroke-[2px];
transition:
transform 1.6s cubic-bezier(0.5, 1.5, 0.75, 1.25),