From 74e48ad99e4c19a01c35562edbf08607571e11ae Mon Sep 17 00:00:00 2001
From: Chris <1633711653@qq.com>
Date: Sun, 27 Nov 2022 20:20:03 +0800
Subject: [PATCH] fix(accountHeadr): change to absolute (#167)

---
 components/account/AccountHeader.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/account/AccountHeader.vue b/components/account/AccountHeader.vue
index 6db5e542..68a5d8ec 100644
--- a/components/account/AccountHeader.vue
+++ b/components/account/AccountHeader.vue
@@ -78,7 +78,7 @@ watchEffect(() => {
       <img h-50 w-full object-cover :src="account.header" @click="previewHeader">
     </button>
     <div p4 mt--17 flex flex-col gap-4>
-      <div flex justify-between>
+      <div relative>
         <div flex="~ col gap-2 1">
           <button w-30 h-30 rounded-full bg-gray border-4 border-bg-base z-2 @click="previewAvatar">
             <AccountAvatar :account="account" hover:opacity-90 transition-opacity />
@@ -88,7 +88,7 @@ watchEffect(() => {
             <AccountHandle :account="account" />
           </div>
         </div>
-        <div flex gap-2 items-center>
+        <div absolute top="1/2" right-0 translate-y="-1/2" flex gap-2 items-center>
           <AccountMoreButton :account="account" />
           <AccountFollowButton :account="account" />
           <!-- <button flex gap-1 items-center w-full rounded op75 hover="op100 text-purple" group>