From 33db1040be5d74260f1b7550a7fe5fb396aec239 Mon Sep 17 00:00:00 2001
From: Hooray <304327508@qq.com>
Date: Mon, 3 Mar 2025 23:01:25 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20`FaPageMain`=20group=20=E4=BD=9C?=
 =?UTF-8?q?=E7=94=A8=E5=9F=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/components/FaPageMain/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/components/FaPageMain/index.vue b/src/ui/components/FaPageMain/index.vue
index 6382220c..7d11e916 100755
--- a/src/ui/components/FaPageMain/index.vue
+++ b/src/ui/components/FaPageMain/index.vue
@@ -45,7 +45,7 @@ function handleCollaspe() {
       </slot>
     </div>
     <div
-      :class="cn('group relative h-[calc-size(auto,size)] p-5 transition-height after:(pointer-events-none absolute bottom-0 left-0 z-1 h-12 max-h-full w-full from-transparent to-[hsl(var(--card))] bg-gradient-to-b opacity-0 transition-opacity content-empty)', {
+      :class="cn('group/pagemain relative h-[calc-size(auto,size)] p-5 transition-height after:(pointer-events-none absolute bottom-0 left-0 z-1 h-12 max-h-full w-full from-transparent to-[hsl(var(--card))] bg-gradient-to-b opacity-0 transition-opacity content-empty)', {
         'overflow-hidden': collaspe,
         'after:(opacity-100)': isCollaspe,
       }, props.mainClass)" :style="{
@@ -53,7 +53,7 @@ function handleCollaspe() {
       }"
     >
       <slot />
-      <FaButton v-if="collaspe" variant="link" size="icon" class="absolute inset-b-0 inset-s-1/2 opacity-0 transition-all -translate-x-1/2 group-hover-opacity-100" :class="{ 'rotate-x-180': !isCollaspe }" @click="handleCollaspe">
+      <FaButton v-if="collaspe" variant="link" size="icon" class="absolute inset-b-0 inset-s-1/2 opacity-0 transition-all -translate-x-1/2 group-hover/pagemain-opacity-100" :class="{ 'rotate-x-180': !isCollaspe }" @click="handleCollaspe">
         <FaIcon name="i-ep:arrow-down" class="text-xl" />
       </FaButton>
     </div>