From c25002c67252a521624af3f352bc1c5378775c21 Mon Sep 17 00:00:00 2001
From: hailin <1356886193@qq.com>
Date: 星期四, 13 七月 2023 12:52:24 +0800
Subject: [PATCH] 修改了我的信息模块的样式和布局
---
src/layout/components/Navbar.vue | 15 ++++++++++-----
1 files changed, 10 insertions(+), 5 deletions(-)
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index f7aab9a..5650364 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -65,6 +65,8 @@
position: relative;
background: #fff;
display: flex;
+ border-bottom: 1px solid #f0f2f5;
+ // box-shadow: 0 0 0.857143rem rgba(0, 0, 0, 0.12);
// box-shadow: 0 1px 4px rgba(0,21,41,.08);
.hamburger-container {
@@ -124,22 +126,25 @@
}
.avatar-container {
- margin-right: 30px;
+ margin-right: 24px;
height: 100%;
.avatar-wrapper {
// margin-top: 5px;
+ width: 40px;
height: 100%;
position: relative;
display: flex;
align-items: center;
+ justify-content: center;
.user-avatar {
cursor: pointer;
- width: 40px;
- height: 40px;
+ width: 30px;
+ height: 30px;
+ font-size: 10px;
border-radius: 50%;
- margin-right: 12px;
+ // margin-right: 12px;
background: #0077DB;
- line-height: 40px;
+ line-height: 31px;
text-align: center;
color: #fff;
}
--
Gitblit v1.9.3