renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(top-bar): adjust login button style #950

Browse Source 
close #950
This commit is contained in:
Hakadao
2024-08-04 16:08:13 +08:00
parent b8cfa16d01
commit 011edbefc6
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/TopBar/TopBar.vue
View File

@@ -545,9 +545,13 @@ defineExpose({
text="$bew-text-1" border="1 $bew-border-color" rounded-full
transform-gpu
>
<div v-if="!isLogin" class="right-side-item">
<div
v-if="!isLogin"
class="right-side-item"
important-w-auto
>
<a href="https://passport.bilibili.com/login" class="login">
<div i-ic:outline-account-circle class="text-xl mr-2" />{{
<div i-solar:user-circle-bold-duotone class="text-xl mr-2" />{{
$t('topbar.sign_in')
}}
</a>
@@ -950,8 +954,8 @@ defineExpose({
}
.right-side-item .login {
--un-drop-shadow: drop-shadow(0 0 6px var(--bew-theme-color));
--uno: "rounded-full mx-1 important:text-$bew-theme-color important:px-4 hover:important-bg-$bew-theme-color hover:important-text-white flex items-center justify-center important:text-base w-120px border-solid border-$bew-theme-color border-2 important:dark:filter";
--uno: "!w-auto !flex items-center bg-$bew-theme-color-10";
--uno: "rounded-full important:text-$bew-theme-color important:px-4 hover:important-bg-$bew-theme-color hover:important-text-white important:text-base";
}
}
</style>