From 7e865e8bd40aefbc13ff2cb916e45e3319aa270a Mon Sep 17 00:00:00 2001
From: LeoKu <czc12580520@gmail.com>
Date: Sat, 11 Jun 2022 00:53:52 +0800
Subject: [PATCH] Change aside style

---
 src/App.vue                     | 1 -
 src/components/Configurator.vue | 7 +++++--
 src/layouts/Sider.vue           | 6 ++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5d7fad2..4714afa 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -291,7 +291,6 @@ function handleAction(actionType: ActionType) {
     left: 0;
     width: 100%;
     height: 100%;
-    overflow: hidden;
 
     @mixin gradient-style($color) {
       position: absolute;
diff --git a/src/components/Configurator.vue b/src/components/Configurator.vue
index 6e6c9e9..7813637 100644
--- a/src/components/Configurator.vue
+++ b/src/components/Configurator.vue
@@ -212,7 +212,10 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) {
 .configurator-scroll {
   width: var.$layout-sider-width;
   height: 100%;
-  background-color: var.$color-configurator;
+
+  @media screen and (max-width: var.$screen-lg) {
+    background-color: var.$color-configurator;
+  }
 }
 
 .configurator {
@@ -360,7 +363,7 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) {
       }
 
       &:hover {
-        background-color: darken(var.$color-configurator, 3);
+        background-color: lighten(var.$color-configurator, 0);
       }
 
       & > :deep(svg) {
diff --git a/src/layouts/Sider.vue b/src/layouts/Sider.vue
index e9b3c01..1acfb1a 100644
--- a/src/layouts/Sider.vue
+++ b/src/layouts/Sider.vue
@@ -26,10 +26,8 @@ const { isCollapsed, openSider, closeSider } = useSider()
   height: 100%;
 
   @media (prefers-reduced-motion: no-preference) {
-    & {
-      transition: transform 0.2s;
-      will-change: transform;
-    }
+    transition: transform 0.2s;
+    will-change: transform;
   }
 
   .icon-right {