style(page): reduce header height to 52px

src/App.vue

@@ -117,7 +117,7 @@ async function handleLogout() {
   align-items: center;
   gap: 20px;
   padding: 0 24px;
-  height: 60px;
+  height: 52px;
   background-color: var(--ac-header-bg);
   color: var(--ac-header-text);
   border-bottom: 1px solid var(--ac-border);
@@ -257,7 +257,7 @@ async function handleLogout() {
 .app-main {
   margin: 24px auto;
   padding: 0 16px;
-  min-height: calc(100vh - 60px - 80px);
+  min-height: calc(100vh - 52px - 80px);
   max-width: 960px;
 }
 
@@ -265,7 +265,7 @@ async function handleLogout() {
   max-width: none;
   margin: 0;
   padding: 0;
-  min-height: calc(100vh - 60px);
+  min-height: calc(100vh - 52px);
 }
 
 .wave-decoration {

src/views/LoginView.vue

@@ -53,7 +53,7 @@ async function onSubmit() {
 .login-wrap {
   display: flex;
   justify-content: center;
-  padding-top: 60px;
+  padding-top: 52px;
 }
 
 .login-form {

src/views/RegisterView.vue

@@ -78,7 +78,7 @@ async function onSubmit() {
 .register-wrap {
   display: flex;
   justify-content: center;
-  padding-top: 60px;
+  padding-top: 52px;
 }
 
 .register-form {

src/views/admin/AdminLayout.vue

@@ -27,7 +27,7 @@ const auth = useAuthStore()
 <style scoped>
 .admin-layout {
   display: flex;
-  min-height: calc(100vh - 60px);
+  min-height: calc(100vh - 52px);
 }
 
 .sidebar {