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="fixed top-[20px] z-50 w-full md:top-[45px]">
<div class="container"> <div class="container">
<header <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=" style="
backdrop-filter: blur(36px); backdrop-filter: blur(36px);
box-shadow: box-shadow:
@ -26,12 +26,12 @@
> >
<router-link to="/" class="flex items-center gap-2"> <router-link to="/" class="flex items-center gap-2">
<!-- Desktop Logo --> <!-- 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> </router-link>
<div v-if="isLoggedIn" class="flex items-center"> <div v-if="isLoggedIn" class="flex items-center">
<router-link <router-link
to="/user-center" 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 }} {{ userLetter }}
</router-link> </router-link>

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

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

3
src/styles/index.css
View File

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