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

feat: update hover color and bg for action more button (#983)

Browse source
This commit is contained in:
təəna.vuə 2023-01-12 03:40:49 -06:00 committed by GitHub
parent 2ddfdffa3d
commit 34aef0a55f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/common/CommonAlert.vue
View file

@ -20,7 +20,7 @@ function close() {
<div> <div>
<slot /> <slot />
</div> </div>
<button text-xl hover:text-primary bg-hover-overflow w="1.4em" h="1.4em" @click="close()"> <button text-xl hover:text-primary bg-hover-overflow w="1.2em" h="1.2em" @click="close()">
<div i-ri:close-line /> <div i-ri:close-line />
</button> </button>
</div> </div>

6
components/status/StatusActionsMore.vue
View file

@ -121,9 +121,9 @@ const showFavoritedAndBoostedBy = () => {
<CommonDropdown flex-none ms3 placement="bottom" :eager-mount="command"> <CommonDropdown flex-none ms3 placement="bottom" :eager-mount="command">
<StatusActionButton <StatusActionButton
:content="$t('action.more')" :content="$t('action.more')"
color="text-purple" color="text-primary"
hover="text-purple" hover="text-primary"
group-hover="bg-purple/10" group-hover="bg-primary-light"
icon="i-ri:more-line" icon="i-ri:more-line"
my--2 my--2
/> />

2
unocss.config.ts
View file

@ -57,7 +57,7 @@ export default defineConfig({
'flex-center': 'items-center justify-center', 'flex-center': 'items-center justify-center',
'flex-v-center': 'items-center', 'flex-v-center': 'items-center',
'flex-h-center': 'justify-center', 'flex-h-center': 'justify-center',
'bg-hover-overflow': 'relative z-0 transition-colors duration-250 after-content-empty after:(absolute inset--2px bg-transparent rounded-lg z--1 transition-colors duration-250) hover:after:(bg-active)', 'bg-hover-overflow': 'relative z-0 transition-colors duration-250 after-content-empty after:(absolute inset--4px bg-transparent rounded-full z--1 transition-colors duration-250) hover:after:(bg-active)',
'timeline-title-style': 'text-primary text-lg font-bold', 'timeline-title-style': 'text-primary text-lg font-bold',
}, },