wip: 临时提交
This commit is contained in:
@@ -42,12 +42,12 @@ const iconComponent = computed(() => props.icon?.replace("el-icon-", ""));
|
|||||||
.el-sub-menu,
|
.el-sub-menu,
|
||||||
.el-menu-item {
|
.el-menu-item {
|
||||||
.el-icon {
|
.el-icon {
|
||||||
margin: 0 10px;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
[class^="i-svg:"] {
|
[class^="i-svg:"] {
|
||||||
margin: 0 10px;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -127,7 +127,6 @@ console.log("🎨 MixLayout rendered");
|
|||||||
&-content {
|
&-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-width: 768px;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -57,7 +57,6 @@ const isLogoCollapsed = computed(() => width.value < 768);
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 768px; // 设置最小宽度,防止过度压缩
|
|
||||||
height: $navbar-height;
|
height: $navbar-height;
|
||||||
background-color: $menu-background;
|
background-color: $menu-background;
|
||||||
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
||||||
@@ -181,7 +180,6 @@ const isLogoCollapsed = computed(() => width.value < 768);
|
|||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.layout {
|
.layout {
|
||||||
&__header {
|
&__header {
|
||||||
min-width: 600px; // 小屏设备的最小宽度
|
|
||||||
padding: 0 4px;
|
padding: 0 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user