teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

chore: imporove unocss class (#246)

Browse source
This commit is contained in:
Chris 2022-11-30 15:30:35 +08:00 committed by GitHub
parent 9ee51a5831
commit b6502b7a72
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/common/AnimateNumber.vue
View file

@ -5,13 +5,8 @@ defineProps<{
</script> </script>
<template> <template>
<div overflow-hidden h="1.25rem"> <div of-hidden h="1.25rem">
<div <div flex="~ col" transition-transform duration-300 :class="increased ? 'translate-y--1/2' : 'translate-y-0'">
transition="duration-300 transform"
:style="{
transform: increased ? 'translateY(-50%)' : 'translateY(0%)',
}"
>
<slot /> <slot />
<slot name="next" /> <slot name="next" />
</div> </div>

6
components/status/StatusActionButton.vue
View file

@ -55,10 +55,10 @@ useCommand({
</div> </div>
</CommonTooltip> </CommonTooltip>
<CommonAnimateNumber :increased="active"> <CommonAnimateNumber :increased="active" text-sm>
<span display-block text-secondary-light text-sm>{{ text }}</span> <span text-secondary-light>{{ text }}</span>
<template #next> <template #next>
<span display-block :class="[color]" text-sm>{{ text }}</span> <span :class="[color]">{{ text }}</span>
</template> </template>
</CommonAnimateNumber> </CommonAnimateNumber>
</component> </component>