From 59d0ae2a88cff90fc9a3c320e1e77666c2a137cb Mon Sep 17 00:00:00 2001 From: shenjianZ Date: Mon, 28 Jul 2025 16:47:34 +0800 Subject: [PATCH] feat: fix logo disply --- frontend/public/index.html | 2 +- frontend/public/logo.svg | 1 + frontend/src/App.vue | 2 +- frontend/src/assets/main.css | 22 +++++++++++++++------- 4 files changed, 18 insertions(+), 9 deletions(-) create mode 100644 frontend/public/logo.svg diff --git a/frontend/public/index.html b/frontend/public/index.html index 8b34744..b523ada 100644 --- a/frontend/public/index.html +++ b/frontend/public/index.html @@ -4,7 +4,7 @@ - + 临时邮件 diff --git a/frontend/public/logo.svg b/frontend/public/logo.svg new file mode 100644 index 0000000..7ed7559 --- /dev/null +++ b/frontend/public/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/src/App.vue b/frontend/src/App.vue index 018e0a7..a484d93 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -28,8 +28,8 @@ - + diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css index ea5e119..69b4dce 100644 --- a/frontend/src/assets/main.css +++ b/frontend/src/assets/main.css @@ -35,12 +35,18 @@ body { display: flex; flex-direction: column; align-items: center; - padding: 0 2rem; min-height: 100vh; width: 100%; box-sizing: border-box; } +#app-main { + width: 100%; + max-width: 1400px; + padding: 0 2rem; + margin-bottom: 2rem; +} + /* Header */ .app-header { width: 100%; @@ -48,7 +54,8 @@ body { display: flex; justify-content: space-between; align-items: center; - padding: 1.5rem 0; + padding: 1.5rem 2rem; + box-sizing: border-box; } .logo { @@ -72,13 +79,14 @@ body { /* Hero Section */ .hero-section { width: 100%; - max-width: 1400px; + /* max-width is handled by app-main */ background-color: var(--primary-purple); color: var(--text-light); padding: 4rem 2rem; border-radius: var(--border-radius); text-align: center; margin-bottom: 2rem; + box-sizing: border-box; } .hero-section h1 { @@ -177,12 +185,12 @@ body { /* Inbox Section */ .inbox-section { width: 100%; - max-width: 1400px; - min-width: 1200px; + /* max-width is handled by app-main */ background-color: var(--light-grey); border-radius: var(--border-radius); padding: 1.5rem; box-shadow: var(--card-shadow); + box-sizing: border-box; } .inbox-container { @@ -345,12 +353,12 @@ body { -webkit-text-size-adjust: 100%; /* Prevent iOS font scaling */ } - #app { + #app-main { padding: 0 1rem; } .app-header { - padding: 1rem 0; /* Adjust padding for mobile */ + padding: 1rem; /* Adjust padding for mobile */ /* Keep flex row layout for alignment */ display: flex; justify-content: space-between;