fix: make buttons consistent (#1583)

zio/stable
Evan Boehs 2023-02-02 18:09:12 -05:00 committed by GitHub
parent 5947323538
commit 073ca13d7c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 4 deletions

View File

@ -37,7 +37,14 @@ async function edit() {
/> />
<div> <div>
<CommonTooltip :content="isRemoved ? $t('list.add_account') : $t('list.remove_account')" :hover="isRemoved ? 'text-green' : 'text-red'"> <CommonTooltip :content="isRemoved ? $t('list.add_account') : $t('list.remove_account')" :hover="isRemoved ? 'text-green' : 'text-red'">
<button :class="isRemoved ? 'i-ri:user-add-line' : 'i-ri:user-unfollow-line'" text-xl @click="edit" /> <button
text-sm p2 border-1 transition-colors
border-dark
btn-action-icon
@click="edit"
>
<span :class="isRemoved ? 'i-ri:user-add-line' : 'i-ri:user-unfollow-line'" />
</button>
</CommonTooltip> </CommonTooltip>
</div> </div>
</div> </div>

View File

@ -39,9 +39,13 @@ async function edit(listId: string) {
:hover="indexOfUserInList(item.id) === -1 ? 'text-green' : 'text-red'" :hover="indexOfUserInList(item.id) === -1 ? 'text-green' : 'text-red'"
> >
<button <button
:class="indexOfUserInList(item.id) === -1 ? 'i-ri:user-add-line' : 'i-ri:user-unfollow-line'" text-sm p2 border-1 transition-colors
text-xl @click="() => edit(item.id)" border-dark
/> btn-action-icon
@click="() => edit(item.id)"
>
<span :class="indexOfUserInList(item.id) === -1 ? 'i-ri:user-add-line' : 'i-ri:user-unfollow-line'" />
</button>
</CommonTooltip> </CommonTooltip>
</div> </div>
</template> </template>