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

style: different borders for Following and Mutuals

Browse source
This commit is contained in:
patak 2022-12-02 22:38:27 +01:00
parent ecb61a7a30
commit 6ffe3fe02d
2 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/account/AccountFollowButton.vue
View file

@ -39,7 +39,7 @@ useCommand({
gap-1 items-center group gap-1 items-center group
:disabled="relationship?.requested" :disabled="relationship?.requested"
border-1 border-1
rounded-full flex="~ gap2 center" font-500 w-30 h-fit py1 :class="relationship?.following ? 'text-base border-text-base' : 'text-inverted bg-primary border-primary'" :hover="relationship?.following ? 'border-red text-red' : 'bg-base border-primary text-primary'" @click="toggleFollow" rounded-full flex="~ gap2 center" font-500 w-30 h-fit py1 :class="relationship?.following ? (`text-base ${relationship?.followedBy ? 'border-strong' : 'border-base'}`) : 'text-inverted bg-primary border-primary'" :hover="relationship?.following ? 'border-red text-red' : 'bg-base border-primary text-primary'" @click="toggleFollow"
> >
<template v-if="relationship?.following"> <template v-if="relationship?.following">
<span group-hover="hidden">{{ relationship?.followedBy ? $t('account.mutuals') : $t('account.following') }}</span> <span group-hover="hidden">{{ relationship?.followedBy ? $t('account.mutuals') : $t('account.following') }}</span>

1
unocss.config.ts
View file

@ -13,6 +13,7 @@ export default defineConfig({
shortcuts: [ shortcuts: [
{ {
'border-base': 'border-$c-border', 'border-base': 'border-$c-border',
'border-strong': 'border-$c-text-base',
'border-bg-base': 'border-$c-bg-base', 'border-bg-base': 'border-$c-bg-base',
// background // background