RhenCloud/Cloud-Home
1
0
Fork 0
mirror of https://github.com/RhenCloud/Cloud-Home.git synced 2026-03-10 06:32:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: 界面改进和问题修复

Browse Source
This commit is contained in:
Rhen Cloud
2026-02-26 23:43:03 +08:00
parent 756e3fee71
commit 8506dab51e
9 changed files with 699 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/components/AboutSection.vue
View File

@@ -3,14 +3,14 @@
<h2 class="m-0 mb-1">个人简介</h2>
<p class="text-text-muted text-sm m-0 mb-3 block">关于我 · About Me</p>
<div class="flex flex-wrap justify-center gap-3.5">
<div class="flex flex-wrap justify-center gap-2 sm:gap-3.5">
<article
v-if="age"
class="flex-1 min-w-35 flex items-center justify-between gap-2 bg-linear-to-br from-white/5 to-white/2 border border-white/10 rounded-2xl p-2.5 px-3.5 shadow-md-dark transition-all duration-300 hover:-translate-y-1 hover:border-primary/40 hover:shadow-lg-dark hover:bg-linear-to-br hover:from-primary/6"
class="flex-1 min-w-28 sm:min-w-35 flex items-center justify-between gap-2 bg-linear-to-br from-white/5 to-white/2 border border-white/10 rounded-2xl p-2 sm:p-2.5 sm:px-3.5 px-2.5 shadow-md-dark transition-all duration-300 hover:-translate-y-1 hover:border-primary/40 hover:shadow-lg-dark hover:bg-linear-to-br hover:from-primary/6"
>
<div class="flex items-center gap-2">
<span class="text-xl leading-none">🎂</span>
<h3 class="m-0 text-sm font-semibold text-white/90">年龄</h3>
<span class="text-lg sm:text-xl leading-none">🎂</span>
<h3 class="m-0 text-xs sm:text-sm font-semibold text-white/90">年龄</h3>
</div>
<p
class="text-text-muted text-xs m-0 text-right whitespace-nowrap font-medium text-white/60"
@@ -21,11 +21,11 @@
<article
v-if="profile?.gender"
class="flex-1 min-w-35 flex items-center justify-between gap-2 bg-linear-to-br from-white/5 to-white/2 border border-white/10 rounded-2xl p-2.5 px-3.5 shadow-md-dark transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-lg-dark"
class="flex-1 min-w-28 sm:min-w-35 flex items-center justify-between gap-2 bg-linear-to-br from-white/5 to-white/2 border border-white/10 rounded-2xl p-2 sm:p-2.5 sm:px-3.5 px-2.5 shadow-md-dark transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-lg-dark"
>
<div class="flex items-center gap-2">
<span class="text-xl leading-none">⚧️</span>
<h3 class="m-0 text-sm font-semibold text-white/90">性别</h3>
<span class="text-lg sm:text-xl leading-none">⚧️</span>
<h3 class="m-0 text-xs sm:text-sm font-semibold text-white/90">性别</h3>
</div>
<p
class="text-text-muted text-xs m-0 text-right whitespace-nowrap font-medium text-white/60"
@@ -36,11 +36,11 @@
<article
v-if="profile?.pronouns"
class="flex-1 min-w-35 flex items-center justify-between gap-2 bg-linear-to-br from-white/5 to-white/2 border border-white/10 rounded-2xl p-2.5 px-3.5 shadow-md-dark transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-lg-dark"
class="flex-1 min-w-28 sm:min-w-35 flex items-center justify-between gap-2 bg-linear-to-br from-white/5 to-white/2 border border-white/10 rounded-2xl p-2 sm:p-2.5 sm:px-3.5 px-2.5 shadow-md-dark transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-lg-dark"
>
<div class="flex items-center gap-2">
<span class="text-xl leading-none">🗣️</span>
<h3 class="m-0 text-sm font-semibold text-white/90">代词</h3>
<span class="text-lg sm:text-xl leading-none">🗣️</span>
<h3 class="m-0 text-xs sm:text-sm font-semibold text-white/90">代词</h3>
</div>
<p
class="text-text-muted text-xs m-0 text-right whitespace-nowrap font-medium text-white/60"
@@ -51,11 +51,11 @@
<article
v-if="profile?.location"
class="flex-1 min-w-35 flex items-center justify-between gap-2 bg-linear-to-br from-white/5 to-white/2 border border-white/10 rounded-2xl p-2.5 px-3.5 shadow-md-dark transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-lg-dark"
class="flex-1 min-w-28 sm:min-w-35 flex items-center justify-between gap-2 bg-linear-to-br from-white/5 to-white/2 border border-white/10 rounded-2xl p-2 sm:p-2.5 sm:px-3.5 px-2.5 shadow-md-dark transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-lg-dark"
>
<div class="flex items-center gap-2">
<span class="text-xl leading-none">📍</span>
<h3 class="m-0 text-sm font-semibold text-white/90">地区</h3>
<span class="text-lg sm:text-xl leading-none">📍</span>
<h3 class="m-0 text-xs sm:text-sm font-semibold text-white/90">地区</h3>
</div>
<p
class="text-text-muted text-xs m-0 text-right whitespace-nowrap font-medium text-white/60"