zio
/
elk
2
0
Fork 0
Code Packages Releases 2 Activity

chore: update

zio/stable
Anthony Fu 2022-11-21 18:12:48 +08:00
parent 78f4390f6d
commit 2267ca6122
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/status/StatusActions.vue
View File

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

2
layouts/default.vue
View File

@ -9,7 +9,7 @@
</div> </div>
</div> </div>
<div class="lg:w-3/4" flex> <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 /> <slot />
</div> </div>
<div hidden md:flex="~ col" class="w-1/3"> <div hidden md:flex="~ col" class="w-1/3">