登录页面改造
This commit is contained in:
@@ -86,7 +86,7 @@
|
||||
<a href="" class="item" title="switch language" @click.prevent="switchLang" v-show="false"><i class="icon language"></i> </a>
|
||||
|
||||
<!-- 背景颜色 -->
|
||||
<a href="" class="item" title="点击切换界面风格" @click.prevent="changeTheme()"><i class="icon adjust"></i></a>
|
||||
<a href="" class="item" title="点击切换界面风格" @click.prevent="changeTheme()" v-if="false"><i class="icon adjust"></i></a>
|
||||
|
||||
<!-- 企业版 -->
|
||||
<!-- <a :href="'/settings/authority'" class="item" title="商业版" :v-if="teaIsPlus"><i class="icon gem outline yellow"></i></a>-->
|
||||
@@ -154,4 +154,4 @@
|
||||
{$echo "footer"}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
/* 全局字体大小调整 - 增加 10% */
|
||||
html {
|
||||
font-size: 15.4px !important; /* 14px * 1.1 = 15.4px */
|
||||
font-size: 16px !important;
|
||||
}
|
||||
body {
|
||||
font-size: 15.4px !important; /* 14px * 1.1 = 15.4px */
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.ui.toggle.checkbox input:focus:checked ~ .box:before,
|
||||
.ui.toggle.checkbox input:focus:checked ~ label:before {
|
||||
@@ -77,4 +77,42 @@ body.swal2-shown {
|
||||
background: rgba(230, 230, 230, 0.35) !important;
|
||||
border-radius: 3px;
|
||||
}
|
||||
/*# sourceMappingURL=@layout_override.css.map */
|
||||
:root {
|
||||
--admin-top-nav-bg: #0a1f3f;
|
||||
--admin-side-menu-bg: #102a4d;
|
||||
}
|
||||
.top-nav.theme1,
|
||||
.top-nav.theme2,
|
||||
.top-nav.theme3,
|
||||
.top-nav.theme4,
|
||||
.top-nav.theme5,
|
||||
.top-nav.theme6,
|
||||
.top-nav.theme7 {
|
||||
background: var(--admin-top-nav-bg) !important;
|
||||
}
|
||||
.main-menu.theme1,
|
||||
.main-menu.theme2,
|
||||
.main-menu.theme3,
|
||||
.main-menu.theme4,
|
||||
.main-menu.theme5,
|
||||
.main-menu.theme6,
|
||||
.main-menu.theme7,
|
||||
.main-menu.theme1 .menu,
|
||||
.main-menu.theme2 .menu,
|
||||
.main-menu.theme3 .menu,
|
||||
.main-menu.theme4 .menu,
|
||||
.main-menu.theme5 .menu,
|
||||
.main-menu.theme6 .menu,
|
||||
.main-menu.theme7 .menu {
|
||||
background: var(--admin-side-menu-bg) !important;
|
||||
}
|
||||
.main-menu .ui.menu .item.separator,
|
||||
.main-menu .ui.menu .sub-items .item.separator {
|
||||
display: none !important;
|
||||
border: 0 !important;
|
||||
height: 0 !important;
|
||||
min-height: 0 !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
/*# sourceMappingURL=@layout_override.css.map */
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
// 全局字体大小调整 - 增加 10%
|
||||
html {
|
||||
font-size: 15.4px !important; // 14px * 1.1 = 15.4px
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 15.4px !important; // 14px * 1.1 = 15.4px
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
// labels
|
||||
@@ -106,3 +106,47 @@ body.swal2-shown {
|
||||
min-width: 5em;
|
||||
}
|
||||
}
|
||||
|
||||
// Menu background colors only
|
||||
:root {
|
||||
--admin-top-nav-bg: #0a1f3f;
|
||||
--admin-side-menu-bg: #102a4d;
|
||||
}
|
||||
|
||||
.top-nav.theme1,
|
||||
.top-nav.theme2,
|
||||
.top-nav.theme3,
|
||||
.top-nav.theme4,
|
||||
.top-nav.theme5,
|
||||
.top-nav.theme6,
|
||||
.top-nav.theme7 {
|
||||
background: var(--admin-top-nav-bg) !important;
|
||||
}
|
||||
|
||||
.main-menu.theme1,
|
||||
.main-menu.theme2,
|
||||
.main-menu.theme3,
|
||||
.main-menu.theme4,
|
||||
.main-menu.theme5,
|
||||
.main-menu.theme6,
|
||||
.main-menu.theme7,
|
||||
.main-menu.theme1 .menu,
|
||||
.main-menu.theme2 .menu,
|
||||
.main-menu.theme3 .menu,
|
||||
.main-menu.theme4 .menu,
|
||||
.main-menu.theme5 .menu,
|
||||
.main-menu.theme6 .menu,
|
||||
.main-menu.theme7 .menu {
|
||||
background: var(--admin-side-menu-bg) !important;
|
||||
}
|
||||
|
||||
// Hide menu separators
|
||||
.main-menu .ui.menu .item.separator,
|
||||
.main-menu .ui.menu .sub-items .item.separator {
|
||||
display: none !important;
|
||||
border: 0 !important;
|
||||
height: 0 !important;
|
||||
min-height: 0 !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
@@ -25,7 +25,8 @@ body.login-page {
|
||||
body.login-page > div {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
height: 100vh;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.bg-layer {
|
||||
@@ -241,4 +242,22 @@ body.login-page > div {
|
||||
padding: 30px 18px;
|
||||
}
|
||||
}
|
||||
/* SweetAlert2 fallback on login page */
|
||||
body.login-page.swal2-height-auto {
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
body.login-page .swal2-container {
|
||||
position: fixed !important;
|
||||
inset: 0 !important;
|
||||
z-index: 20000 !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
padding: 0.625em !important;
|
||||
}
|
||||
|
||||
body.login-page .swal2-container.swal2-backdrop-show {
|
||||
background: rgba(0, 0, 0, 0.42) !important;
|
||||
}
|
||||
/*# sourceMappingURL=index.css.map */
|
||||
|
||||
@@ -25,7 +25,8 @@ body.login-page {
|
||||
body.login-page > div {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
height: 100vh;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.bg-layer {
|
||||
@@ -241,3 +242,22 @@ body.login-page > div {
|
||||
padding: 30px 18px;
|
||||
}
|
||||
}
|
||||
|
||||
/* SweetAlert2 fallback on login page */
|
||||
body.login-page.swal2-height-auto {
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
body.login-page .swal2-container {
|
||||
position: fixed !important;
|
||||
inset: 0 !important;
|
||||
z-index: 20000 !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
padding: 0.625em !important;
|
||||
}
|
||||
|
||||
body.login-page .swal2-container.swal2-backdrop-show {
|
||||
background: rgba(0, 0, 0, 0.42) !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user