登录页面改造

This commit is contained in:
robin
2026-02-15 14:27:28 +08:00
parent afbc0cde7e
commit 2a811183c4
19 changed files with 1612 additions and 2298 deletions

View File

@@ -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>

View File

@@ -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 */

View File

@@ -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;
}

View File

@@ -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 */

View File

@@ -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;
}