From ba2ee6b60a214dabddc00b62caf7671f3e5a9395 Mon Sep 17 00:00:00 2001
From: Mplan <mplan_@outlook.com>
Date: Wed, 29 Jul 2026 00:01:08 +0800
Subject: [PATCH] style(ui): align page widths and upload actions

---
 src/views/gallery/GalleryView.vue         |  4 ++--
 src/views/profile/ProfileSettingsView.vue |  4 ++--
 src/views/profile/ProfileView.vue         | 16 ++++++++++++----
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/views/gallery/GalleryView.vue b/src/views/gallery/GalleryView.vue
index cc5c5fe..fd695aa 100644
--- a/src/views/gallery/GalleryView.vue
+++ b/src/views/gallery/GalleryView.vue
@@ -342,7 +342,7 @@ onUnmounted(() => {
 <template>
   <div>
     <section class="oc-page-hero">
-      <div class="oc-container oc-container--wide oc-page-hero__inner">
+      <div class="oc-container oc-container--content oc-page-hero__inner">
         <p class="oc-page-eyebrow">Community Gallery</p>
         <h1 class="oc-page-title">云图画廊</h1>
         <p class="oc-page-description">
@@ -351,7 +351,7 @@ onUnmounted(() => {
       </div>
     </section>
 
-    <div class="oc-container oc-container--wide oc-page-content">
+    <div class="oc-container oc-container--content oc-page-content">
       <section>
         <div class="mb-4 border border-slate-200 bg-white p-3 shadow-[6px_6px_0_0_rgba(15,23,42,0.05)]">
           <div class="flex items-center gap-3">
diff --git a/src/views/profile/ProfileSettingsView.vue b/src/views/profile/ProfileSettingsView.vue
index ec2c8a0..27aca8e 100644
--- a/src/views/profile/ProfileSettingsView.vue
+++ b/src/views/profile/ProfileSettingsView.vue
@@ -79,8 +79,8 @@ async function savePassword() {
 </script>
 
 <template>
-  <div class="min-h-[calc(100vh-4rem)] bg-[linear-gradient(180deg,#e0f2fe_0%,#f8fafc_100%)] px-4 py-10">
-    <div class="mx-auto max-w-4xl">
+  <div class="min-h-[calc(100vh-4rem)] bg-[linear-gradient(180deg,#e0f2fe_0%,#f8fafc_100%)] py-10">
+    <div class="oc-container oc-container--content">
       <RouterLink to="/profile">
         <NButton type="default" secondary strong class="oc-panel-button oc-panel-button--neutral">← 返回个人主页</NButton>
       </RouterLink>
diff --git a/src/views/profile/ProfileView.vue b/src/views/profile/ProfileView.vue
index 993c466..b35211c 100644
--- a/src/views/profile/ProfileView.vue
+++ b/src/views/profile/ProfileView.vue
@@ -601,8 +601,12 @@ watch(selectedUploadDate, async newValue => {
               >
                 清除筛选
               </NButton>
-              <RouterLink v-if="isOwnProfile" to="/upload">
-                <NButton secondary strong type="default" class="oc-panel-button oc-panel-button--sky">继续上传</NButton>
+              <RouterLink
+                v-if="isOwnProfile"
+                to="/upload"
+                class="oc-panel-button oc-panel-button--sky border-0"
+              >
+                继续上传
               </RouterLink>
             </div>
           </div>
@@ -705,8 +709,12 @@ watch(selectedUploadDate, async newValue => {
           <div v-else class="oc-empty-card border border-dashed border-slate-300 bg-white p-10">
             <NEmpty :description="selectedUploadDate ? '这一天没有上传记录' : (isOwnProfile ? '还没有上传任何云图' : '这位用户还没有公开云图')">
               <template #extra>
-                <RouterLink v-if="isOwnProfile && !selectedUploadDate" to="/upload">
-                  <NButton secondary strong type="default" class="oc-panel-button oc-panel-button--sky">去上传第一张</NButton>
+                <RouterLink
+                  v-if="isOwnProfile && !selectedUploadDate"
+                  to="/upload"
+                  class="oc-panel-button oc-panel-button--sky border-0"
+                >
+                  去上传第一张
                 </RouterLink>
                 <NButton v-else-if="selectedUploadDate" secondary strong type="default" class="oc-panel-button oc-panel-button--neutral" @click="clearSelectedUploadDate">返回全部记录</NButton>
               </template>