Change aside style

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;

src/components/Configurator.vue

@@ -212,7 +212,10 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) {
 .configurator-scroll {
   width: var.$layout-sider-width;
   height: 100%;
+
+  @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) {

src/layouts/Sider.vue

@@ -26,11 +26,9 @@ const { isCollapsed, openSider, closeSider } = useSider()
   height: 100%;
 
   @media (prefers-reduced-motion: no-preference) {
-    & {
     transition: transform 0.2s;
     will-change: transform;
   }
-  }
 
   .icon-right {
     transition: transform 0.2s;