github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-08-11 11:31:59 +00:00
Code Issues Projects Releases Wiki Activity

perf: 修改样式

Browse Source
This commit is contained in:
ibuler 2024-05-17 19:08:24 +08:00
parent cc97affc16
commit cbaef4cc6c
4 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/layout/components/NavHeader/Organization.vue
View File

@ -130,10 +130,14 @@ export default {
@import '~@/styles/variables.scss'; @import '~@/styles/variables.scss';
$height: 28px; $height: 28px;
.org-select {
line-height: $height;
}
::v-deep .el-input { ::v-deep .el-input {
.el-input__inner { .el-input__inner {
height: 28px; height: $height;
line-height: 28px; line-height: $height;
background: none; background: none;
border: none; border: none;
padding-left: 20px; padding-left: 20px;

2
src/layout/components/NavHeader/index.vue
View File

@ -160,13 +160,13 @@ export default {
.organization { .organization {
display: flex; display: flex;
align-items: center; align-items: center;
line-height: 28px;
padding: 0 0 0 15px !important; padding: 0 0 0 15px !important;
border-radius: 3px; border-radius: 3px;
background-color: rgba(255, 255, 255, .15); background-color: rgba(255, 255, 255, .15);
color: #fff; color: #fff;
font-weight: 600; font-weight: 600;
font-size: 15px; font-size: 15px;
max-width: 250px;
::v-deep .el-input__inner { ::v-deep .el-input__inner {
padding-left: 25px; padding-left: 25px;

4
src/layout/components/NavLeft/Logo.vue
View File

@ -13,6 +13,7 @@
<script> <script>
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
export default { export default {
name: 'SidebarLogo', name: 'SidebarLogo',
props: { props: {
@ -72,13 +73,13 @@ export default {
width: 100%; width: 100%;
height: $headerHeight; height: $headerHeight;
line-height: $headerHeight; line-height: $headerHeight;
// background: #2b2f3a;
text-align: center; text-align: center;
overflow: hidden; overflow: hidden;
& .sidebar-logo-link { & .sidebar-logo-link {
height: 100%; height: 100%;
width: 100%; width: 100%;
padding: 5px;
display: inline-block; display: inline-block;
& .sidebar-logo { & .sidebar-logo {
@ -90,7 +91,6 @@ export default {
& .sidebar-logo-text { & .sidebar-logo-text {
height: calc(#{$headerHeight} - 10px); height: calc(#{$headerHeight} - 10px);
margin-top: 5px;
} }
& .sidebar-title { & .sidebar-title {

9
src/layout/components/NavLeft/index.vue
View File

@ -240,10 +240,6 @@ export default {
} }
} }
.organizations {
height: 55px;
}
.nav-footer { .nav-footer {
display: block; display: block;
width: 100%; width: 100%;
@ -306,9 +302,10 @@ export default {
height: $mobileHeight; height: $mobileHeight;
line-height: $mobileHeight; line-height: $mobileHeight;
padding-left: 20px; padding-left: 20px;
background: transparent; background: var(--color-primary-dark-1);
color: #fff; color: #fff;
border-bottom: 1px solid rgba(31, 35, 41, .15); border-bottom: 1px solid rgba(31, 35, 41, .15);
.el-input--prefix .el-input__inner { .el-input--prefix .el-input__inner {
height: $mobileHeight!important; height: $mobileHeight!important;
line-height: $mobileHeight!important; line-height: $mobileHeight!important;
@ -337,8 +334,6 @@ export default {
.active-mobile { .active-mobile {
display: block; display: block;
} }
.active-switch-view {
}
.show-switch-view { .show-switch-view {
display: block!important; display: block!important;
} }