Kaynağa Gözat

fix: reduce spacing between logo and company name

- Reduce logo width: 140px → 120px
- Reduce padding/margin: 20px → 16px
- Reduce font-size: 16px → 15px
- Reduce letter-spacing: 1px → 0.5px
- Use exact dimensions (width/height: 100%) instead of max
- Add white-space: nowrap to prevent text wrapping
- Lighter border color: #ddd → #e0e0e0

Result: Tighter, cleaner layout with less wasted space

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
Ryuiso 3 hafta önce
ebeveyn
işleme
a793169d89
1 değiştirilmiş dosya ile 9 ekleme ve 8 silme
  1. 9 8
      src/components/Header.vue

+ 9 - 8
src/components/Header.vue

@@ -187,34 +187,35 @@ export default {
 /* Logo */
 .header-logo {
   flex-shrink: 0;
-  width: 140px;
+  width: 120px;
   height: 50px;
   display: flex;
   align-items: center;
 }
 
 .header-logo img {
-  max-width: 100%;
-  max-height: 100%;
+  width: 100%;
+  height: 100%;
   object-fit: contain;
 }
 
 /* 企业名称 */
 .header-company-name {
   flex-shrink: 0;
-  padding-left: 20px;
-  margin-left: 20px;
-  border-left: 1px solid #ddd;
   display: flex;
   align-items: center;
+  padding-left: 16px;
+  margin-left: 16px;
+  border-left: 1px solid #e0e0e0;
 }
 
 .header-company-name span {
-  font-size: 16px;
+  font-size: 15px;
   font-weight: 600;
   color: #333;
-  letter-spacing: 1px;
+  letter-spacing: 0.5px;
   line-height: 1.4;
+  white-space: nowrap;
 }
 
 /* 导航菜单 */