苹果浏览器的样式问题优化
This commit is contained in:
parent
57fa7dac05
commit
a930aee846
@ -1,4 +1,4 @@
|
||||
.gg-layout .layui-header {position: fixed; top: 0;left: 0; width: 100%; height: 50px; border-bottom: 1px solid #f6f6f6;box-sizing: border-box;background-color: #fff}
|
||||
.gg-layout .layui-header {position: fixed; top: 0;left: 0; width: 100%; height: 50px; border-bottom: 1px solid #eeeeee;box-sizing: border-box;background-color: #fff}
|
||||
.gg-layout .layui-header a,
|
||||
.gg-layout .layui-header a cite {color: #162a48}
|
||||
.gg-layout .layui-header a:hover {color: #000}
|
||||
@ -6,7 +6,7 @@
|
||||
.gg-head-item i.layui-icon{font-size:20px;}
|
||||
.gg-head-item .layui-nav{background:0 0;padding:0;}
|
||||
.gg-head-item .layui-nav .layui-nav-item a{padding:0;}
|
||||
.layui-layout-right .gg-head-item{border-left:1px solid #f6f6f6;}
|
||||
.layui-layout-right .gg-head-item{border-left:1px solid #eeeeee;}
|
||||
|
||||
.layui-layout-right .gg-head-message{position:relative;}
|
||||
.layui-layout-right .gg-message-num{height: 18px;position: absolute; top: -12px;margin-left: -4px;left: 50%;}
|
||||
@ -22,7 +22,7 @@
|
||||
.gg-layout .layui-logo a {color: #f1f1f1; text-align:center;}
|
||||
|
||||
.layui-side-menu {box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05);background-color: #001529; color: #fff}
|
||||
.layui-side-menu .layui-side-scroll {width: 268px}
|
||||
.layui-side-menu .layui-side-scroll {width: 100%}
|
||||
.layui-side-menu .layui-nav {width: 200px; margin-top: 50px; background: 0 0}
|
||||
.layui-side-menu .layui-nav .layui-nav-item a {height: 40px;line-height: 40px; padding-left: 40px; padding-right: 20px}
|
||||
.layui-side-menu .layui-nav .layui-nav-item>a {padding-top: 8px;padding-bottom: 8px}
|
||||
@ -47,7 +47,7 @@
|
||||
.layui-side .layui-nav-tree .layui-nav-child dd a:hover{background-color:#192A3B;}
|
||||
.layui-side .layui-nav-tree .layui-nav-bar{background-color: #3C9CFF;width:3px;}
|
||||
|
||||
.page-tabs{ position: fixed;top: 50px;right: 0; z-index: 999; height: 40px; line-height: 40px; padding: 0 80px 0 40px; background-color: #fff;box-sizing: border-box; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)}
|
||||
.page-tabs{ position: fixed;top: 50px;right: 0; z-index: 999; height: 40px; line-height: 40px; padding: 0 80px 0 40px; background-color: #fff;box-sizing: border-box; box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 8%)}
|
||||
.page-tabs,
|
||||
.gg-layout .layui-body,
|
||||
.gg-layout .layui-footer,
|
||||
@ -67,18 +67,18 @@
|
||||
.gg-layout .layui-footer {padding: 10px 0;text-align: center; box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05)}
|
||||
.gg-body-shade {position: fixed; display: none;left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .3); z-index: 1000}
|
||||
|
||||
.page-tabs .gg-tabs-control { position: absolute; top: 0;width: 40px; height: 100%;text-align: center; cursor: pointer;box-sizing: border-box; border-left: 1px solid #f6f6f6;
|
||||
.page-tabs .gg-tabs-control { position: absolute; top: 0;width: 40px; height: 100%;text-align: center; cursor: pointer;box-sizing: border-box; border-left: 1px solid #eeeeee;
|
||||
transition: all .3s;
|
||||
-webkit-transition: all .3s;
|
||||
}
|
||||
.page-tabs .gg-tabs-control:hover {background-color: #fafafa}
|
||||
.page-tabs .layui-icon-prev {left: 0; border-left: none; border-right: 1px solid #f6f6f6}
|
||||
.page-tabs .layui-icon-prev {left: 0; border-left: none; border-right: 1px solid #eeeeee}
|
||||
.page-tabs .layui-icon-next {right: 40px}
|
||||
.page-tabs .layui-icon-down {right: 0}
|
||||
.page-tabs .layui-tab {margin: 0; overflow: hidden}
|
||||
.page-tabs .layui-tab-title {height: 40px;border: none}
|
||||
|
||||
.page-tabs .layui-tab-title li { min-width: 0; line-height: 40px; max-width: 160px; text-overflow: ellipsis; padding-left:12px; padding-right: 32px;overflow: hidden;border-right: 1px solid #f6f6f6;vertical-align: top}
|
||||
.page-tabs .layui-tab-title li { min-width: 0; line-height: 40px; max-width: 160px; text-overflow: ellipsis; padding-left:12px; padding-right: 32px;overflow: hidden;border-right: 1px solid #eeeeee;vertical-align: top}
|
||||
.page-tabs .layui-tab-title li:first-child {padding-right: 15px}
|
||||
.page-tabs .layui-tab-title li .layui-tab-close { position: absolute;right: 8px; top: 50%;margin: -7px 0 0; width: 16px; height: 16px;line-height: 16px;border-radius: 50%;font-size: 12px}
|
||||
.page-tabs .layui-tab-title li:after { content: ''; position: absolute; top: 0; left: 0;width: 0; height: 2px; border-radius: 0; background-color: #1E9FFF;
|
||||
|
Loading…
x
Reference in New Issue
Block a user