提交 7e865e8b 编写于 作者: L LeoKu

Change aside style

上级 b6fc6eef
...@@ -291,7 +291,6 @@ function handleAction(actionType: ActionType) { ...@@ -291,7 +291,6 @@ function handleAction(actionType: ActionType) {
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden;
@mixin gradient-style($color) { @mixin gradient-style($color) {
position: absolute; position: absolute;
......
...@@ -212,7 +212,10 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) { ...@@ -212,7 +212,10 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) {
.configurator-scroll { .configurator-scroll {
width: var.$layout-sider-width; width: var.$layout-sider-width;
height: 100%; height: 100%;
@media screen and (max-width: var.$screen-lg) {
background-color: var.$color-configurator; background-color: var.$color-configurator;
}
} }
.configurator { .configurator {
...@@ -360,7 +363,7 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) { ...@@ -360,7 +363,7 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) {
} }
&:hover { &:hover {
background-color: darken(var.$color-configurator, 3); background-color: lighten(var.$color-configurator, 0);
} }
& > :deep(svg) { & > :deep(svg) {
......
...@@ -26,11 +26,9 @@ const { isCollapsed, openSider, closeSider } = useSider() ...@@ -26,11 +26,9 @@ const { isCollapsed, openSider, closeSider } = useSider()
height: 100%; height: 100%;
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
& {
transition: transform 0.2s; transition: transform 0.2s;
will-change: transform; will-change: transform;
} }
}
.icon-right { .icon-right {
transition: transform 0.2s; transition: transform 0.2s;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册