chore: update

This commit is contained in:
Anthony Fu 2022-11-21 18:12:48 +08:00
parent 78f4390f6d
commit 2267ca6122
2 changed files with 7 additions and 8 deletions

View file

@ -1,6 +1,5 @@
<script setup lang="ts">
import type { Status } from 'masto'
import AccountInfo from '../account/AccountInfo.vue'
const { status } = defineProps<{
status: Status
@ -40,15 +39,15 @@ const toggleBookmark = () => toggleStatusAction(
<template>
<div flex gap-8>
<RouterLink flex gap-1 items-center w-full rounded op75 hover="op100 text-blue" group :to="`/@${status.account.acct}/${status.id}`">
<RouterLink flex gap-1 items-center w-full rounded op50 hover="op100 text-blue" group :to="`/@${status.account.acct}/${status.id}`">
<div rounded-full p2 group-hover="bg-blue/10">
<div i-ri:chat-3-line />
</div>
<span v-if="status.repliesCount">{{ status.repliesCount }}</span>
</RouterLink>
<button
flex gap-1 items-center w-full rounded op75 hover="op100 text-green" group
:class="(status.reblogged ? 'text-green op100' : 'op75') + (isLoading.reblogged ? ' pointer-events-none' : '')"
flex gap-1 items-center w-full rounded op50 hover="op100 text-green" group
:class="(status.reblogged ? 'text-green op100' : 'op50') + (isLoading.reblogged ? ' pointer-events-none' : '')"
@click="toggleReblog()"
>
<div rounded-full p2 group-hover="bg-green/10">
@ -58,7 +57,7 @@ const toggleBookmark = () => toggleStatusAction(
</button>
<button
flex gap-1 items-center w-full rounded hover="op100 text-rose" group
:class="status.favourited ? 'text-rose op100' : 'op75'"
:class="status.favourited ? 'text-rose op100' : 'op50'"
@click="toggleFavourite()"
>
<div rounded-full p2 group-hover="bg-rose/10">
@ -68,14 +67,14 @@ const toggleBookmark = () => toggleStatusAction(
</button>
<button
flex gap-1 items-center w-full rounded hover="op100 text-yellow" group
:class="status.bookmarked ? 'text-yellow op100' : 'op75'"
:class="status.bookmarked ? 'text-yellow op100' : 'op50'"
@click="toggleBookmark()"
>
<div rounded-full p2 group-hover="bg-rose/10">
<div :class="(status.bookmarked ? 'i-ri:bookmark-fill' : 'i-ri:bookmark-line') + (isLoading.bookmarked ? ' pointer-events-none' : '')" />
</div>
</button>
<button flex gap-1 items-center w-full rounded op75 hover="op100 text-purple" group>
<button flex gap-1 items-center w-full rounded op50 hover="op100 text-purple" group>
<div rounded-full p2 group-hover="bg-purple/10">
<div i-ri:share-circle-line />
</div>

View file

@ -9,7 +9,7 @@
</div>
</div>
<div class="lg:w-3/4" flex>
<div h-full border="l r border" class="w-full md:w-2/3">
<div class="w-full md:w-2/3" border="l r border">
<slot />
</div>
<div hidden md:flex="~ col" class="w-1/3">