ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-09 21:52:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化头部退出按钮样式

Browse Source
This commit is contained in:
augushong
2022-08-23 10:36:45 +08:00
parent 86460505d9
commit c659d89ee3
3 changed files with 46 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
source/scss/header/_index.scss Normal file
View File

@@ -0,0 +1 @@
@import './ul-header';

44
source/scss/header/_ul-header.scss Normal file
View File

@@ -0,0 +1,44 @@
/* 头部开始 */
.ul-header {
background-color: #fff;
box-shadow : 0 3px 5px #999;
padding : 3px;
}
.ul-header-main {
display : flex;
justify-content: space-between;
align-items : center;
margin : 0 auto;
}
.ul-header-logo {
max-height: 48px;
}
.ul-header-user {
display : flex;
align-items : center;
justify-content: center;
}
.ul-header-user-avatar {
background-image : url("/static/images/avatar.png");
width : 45px;
height : 45px;
background-size : cover;
background-position: center;
}
.ul-header-user-options {
display : flex;
align-items: center;
color : #999;
font-size : 12px;
cursor : pointer;
margin-top : 5px;
}
.ul-header-user-info {
margin-left: 10px;
}

48
source/scss/layui-ul.scss
View File

@@ -8,53 +8,7 @@
@import './jumbotron/index'; @import './jumbotron/index';
@import './footer/index'; @import './footer/index';
@import './desciptions/index'; @import './desciptions/index';
@import './header/_index';
/* 头部开始 */
.ul-header {
background-color: #fff;
box-shadow : 0 3px 5px #999;
padding : 3px;
}
.ul-header-main {
display : flex;
justify-content: space-between;
align-items : center;
margin : 0 auto;
}
.ul-header-logo {
max-height: 48px;
}
.ul-header-user {
display : flex;
align-items : center;
justify-content: center;
}
.ul-header-user-avatar {
background-image : url("/static/images/avatar.png");
width : 45px;
height : 45px;
background-size : cover;
background-position: center;
}
.ul-header-user-options {
display : flex;
align-items: center;
color : #999;
font-size : 12px;
cursor : pointer;
}
.ul-header-user-info {
margin-left: 10px;
}
/* 链接导航开始 */ /* 链接导航开始 */