From 2267ca6122f4cf852f1fa394d217ddceaead0ede Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Mon, 21 Nov 2022 18:12:48 +0800
Subject: [PATCH] chore: update

---
 components/status/StatusActions.vue | 13 ++++++-------
 layouts/default.vue                 |  2 +-
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/components/status/StatusActions.vue b/components/status/StatusActions.vue
index 17803c90..c5343bb8 100644
--- a/components/status/StatusActions.vue
+++ b/components/status/StatusActions.vue
@@ -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>
diff --git a/layouts/default.vue b/layouts/default.vue
index f8fe3609..0fc57c6f 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -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">