fix(slideout): feedback

Kong · Jul 31, 2023 · 904cda8 · 904cda8
1 parent e2d6478
commit 904cda8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/KSlideout/KSlideout.vue b/src/components/KSlideout/KSlideout.vue
@@ -213,7 +213,6 @@ const offsetTopValue = computed((): string => getSizeFromString(props.offsetTop)
 
     .content {
       height: 100%;
-      // overflow: auto;
       -ms-overflow-style: none;  // IE 10+
       scrollbar-width: none;  // Firefox
       &::-webkit-scrollbar { display: none; }
@@ -243,7 +242,7 @@ const offsetTopValue = computed((): string => getSizeFromString(props.offsetTop)
 
   .border-styles {
     border-left: var(--kui-border-width-10, $kui-border-width-10) solid var(--grey-300, var(--kui-color-border-neutral-weak, $kui-color-border-neutral-weak));
-    box-shadow: #0000000d -2px 0px 5px;
+    box-shadow: -2px 0px 5px var(--black-5, $tmp-color-black-5);
   }
 </style>
 

diff --git a/src/styles/_tmp-variables.scss b/src/styles/_tmp-variables.scss
@@ -34,6 +34,7 @@ $tmp-color-teal-100: #cdf1fe;
 $tmp-color-teal-200: #91e1fc;
 
 // Opaque colors
+$tmp-color-black-5: rgba(0, 0, 0, 0.05);
 $tmp-color-black-10: rgba(0, 0, 0, 0.1);
 $tmp-color-black-45: rgba(0, 0, 0, 0.45);
 $tmp-color-black-60: rgba(0, 0, 0, 0.6);