From 9c6795fd3c44e46cf3955fbfd8f8eeca23acb7a9 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期六, 08 十月 2022 00:31:51 +0800
Subject: [PATCH] 2022-10-08
---
src/components/header/index.scss | 29 +++++++++++++++++++++++------
1 files changed, 23 insertions(+), 6 deletions(-)
diff --git a/src/components/header/index.scss b/src/components/header/index.scss
index ee1530d..0c8a8d0 100644
--- a/src/components/header/index.scss
+++ b/src/components/header/index.scss
@@ -6,9 +6,9 @@
font-weight: bold!important;
width: 100%;
height: 48px;
+ display: flex;
.header-logo {
- float: left;
width: 180px;
line-height: 48px;
text-align: center;
@@ -28,7 +28,6 @@
}
.header-collapse {
- float: left;
width: 35px;
min-height: 48px;
line-height: 48px;
@@ -48,13 +47,17 @@
padding-left: 20px;
}
.header-menu {
- float: left;
margin: 0;
+ min-height: 20px;
line-height: 48px;
+ flex: 1;
+ overflow-x: auto;
+ overflow-y: hidden;
+ white-space: nowrap;
li {
- float: left;
font-size: 1.3rem;
cursor: pointer;
+ display: inline-block;
span {
padding: 0 10px;
height: 42px;
@@ -83,8 +86,22 @@
}
}
+ .header-menu::-webkit-scrollbar {
+ height: 5px;
+ }
+ .header-menu::-webkit-scrollbar-thumb {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
+ background: rgba(0, 0, 0, 0.13);
+ border-radius: 5px;
+ }
+ .header-menu::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+ border: 1px solid rgba(0, 0, 0, 0.07);
+ background: rgba(0, 0, 0, 0);
+ border-radius: 3px;
+ }
+
.header-setting {
- float: right;
line-height: 48px;
margin-right: 10px;
img {
@@ -117,10 +134,10 @@
}
.search-menu {
- float: right;
font-size: 18px;
margin-top: 17px;
margin-right: 20px;
+ margin-left: 10px;
cursor: pointer;
}
.menu-select-dropdown {
--
Gitblit v1.8.0