style: 💄修复前端样式问题

This commit is contained in:
孙晓龙
2024-07-04 10:38:28 +08:00
parent e5f58f92b8
commit 6e2a2a5e58
2 changed files with 26 additions and 5 deletions

View File

@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -14,6 +15,7 @@
overflow-y: hidden;
overflow-x: hidden;
}
.middle {
position: absolute;
top: 50px;
@@ -31,13 +33,16 @@
overflow: auto;
box-sizing: border-box;
}
.middle .sider-left .sider-bar {
height: auto;
width: 100%;
}
.middle .sider-left li {
list-style: none;
}
.middle .sider-right {
float: right;
bottom: 30px;
@@ -47,16 +52,21 @@
overflow: auto;
box-sizing: border-box;
}
.middle .sider-right .main {
height: auto;
width: 100%;
}
.middle .sider-left .divider {
border-top: 1px solid #e7e7e7;
}
.middle .sider-left .first-menu {
position: relative;
display: inline-block;
display: flex;
justify-items: center;
align-items: center;
text-decoration: none;
width: 100%;
font-size: 14px;
@@ -67,6 +77,7 @@
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.middle .sider-left .first-menu-main {
position: relative;
display: inline-block;
@@ -80,18 +91,24 @@
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.middle .sider-left .first-menu .first-title {
display: inline-block;
margin-left: 10px;
margin-right: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-overflow: ellipsis;
}
.middle .sider-left .last-glyphicon {
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%);
}
.middle .sider-left .second-menu a {
display: block;
width: 100%;
@@ -102,9 +119,11 @@
font-size: 13px;
color: #777777;
}
.middle .sider-left .second-menu a:last-child {
margin-bottom: 30px;
}
.footer {
width: 100%;
border: 2px solid #e7e7e7;
@@ -114,6 +133,7 @@
}
</style>
</head>
<body>
<!-- 更改密码的模态框 -->
<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
@@ -646,6 +666,7 @@
margin-right: 20px;
text-align: right;
}
.totp-body {
margin: 20px;
}