HI-VPN/hi-landing-hero
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修改
All checks were successful
site-dist-deploy / build-and-deploy (push) Successful in 1m12s
Details

Browse Source
This commit is contained in:
speakeloudest 2026-01-05 02:56:39 -08:00
parent 27ebf5adc5
commit e86cfd0881
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/Home/index.vue
View File

@ -7,7 +7,7 @@
<div class="fixed top-[20px] z-50 w-full md:top-[45px]">
<div class="container">
<header
class="flex h-[40px] items-center justify-between rounded-[90px] pr-[5px] pl-5 transition-all duration-300 md:h-[80px] md:pr-[10px]"
class="flex h-[40px] items-center justify-between rounded-[90px] pr-[5px] pl-5 transition-all duration-300 md:h-[60px] md:pr-[10px]"
style="
backdrop-filter: blur(36px);
box-shadow:
@ -26,12 +26,12 @@
>
<router-link to="/" class="flex items-center gap-2">
<!-- Desktop Logo -->
<Logo alt="Hi快VPN" class="h-[18px] w-auto md:ml-[62px] md:h-[29px]" />
<Logo alt="Hi快VPN" class="h-[18px] w-auto md:ml-8 md:h-[29px]" />
</router-link>
<div v-if="isLoggedIn" class="flex items-center">
<router-link
to="/user-center"
class="flex size-[30px] items-center justify-center rounded-full bg-[#2E3427] text-xl font-bold text-white shadow-lg transition hover:scale-105 md:size-[40px] md:size-[60px] md:text-3xl"
class="flex size-[30px] items-center justify-center rounded-full bg-[#2E3427] text-xl font-bold text-white shadow-lg transition hover:scale-105 md:size-[40px] md:text-3xl"
>
{{ userLetter }}
</router-link>

1
src/pages/UserCenter/index.vue
View File

@ -13,6 +13,7 @@
<!-- Mobile Logo -->
<MobileLogo alt="Hi快VPN" class="block h-[22px] text-black md:h-[36px]" />
</router-link>
<div class="text-base font-[600] text-black md:text-2xl">个人账户</div>
</header>
</div>
</div>

3
src/styles/index.css
View File

@ -5,6 +5,9 @@
font-style: normal;
font-display: swap;
}
html, body {
background: #000;
}
@import "tailwindcss";
@import "tw-animate-css";