perf: reorganize the icons and reduce the volume
This commit is contained in:
@@ -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),
|
||||
|
Reference in New Issue
Block a user