Nikurasu/elk
1
0
Fork 0
forked from Mirrors/elk
Code Pull requests Releases 2 Packages Activity

fix(accountHeadr): change to absolute (#167)

Browse source
This commit is contained in:
Chris 2022-11-27 20:20:03 +08:00 committed by GitHub
parent 424c7cd529
commit 74e48ad99e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/account/AccountHeader.vue
View file

@ -78,7 +78,7 @@ watchEffect(() => {
<img h-50 w-full object-cover :src="account.header" @click="previewHeader"> <img h-50 w-full object-cover :src="account.header" @click="previewHeader">
</button> </button>
<div p4 mt--17 flex flex-col gap-4> <div p4 mt--17 flex flex-col gap-4>
<div flex justify-between> <div relative>
<div flex="~ col gap-2 1"> <div flex="~ col gap-2 1">
<button w-30 h-30 rounded-full bg-gray border-4 border-bg-base z-2 @click="previewAvatar"> <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 /> <AccountAvatar :account="account" hover:opacity-90 transition-opacity />
@ -88,7 +88,7 @@ watchEffect(() => {
<AccountHandle :account="account" /> <AccountHandle :account="account" />
</div> </div>
</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" /> <AccountMoreButton :account="account" />
<AccountFollowButton :account="account" /> <AccountFollowButton :account="account" />
<!-- <button flex gap-1 items-center w-full rounded op75 hover="op100 text-purple" group> <!-- <button flex gap-1 items-center w-full rounded op75 hover="op100 text-purple" group>