update slideoutpanel, open errors tokeninit

src/components/SlideoutPanel.vue

@@ -1,12 +1,11 @@
 <template>
-     <div class="slideout-overlay" :class="{'open': props.modelValue}" @click="showPanel = false">
-        <div :class="{'slideout-wrapper': true, 'open': props.modelValue}" >
-       
-            <div class="slideout-panel" @click="testClick">
-                <slot></slot>
-            </div>
-        </div>
-     </div>
+	<div class="slideout-overlay" :class="{ open: props.modelValue }" @click="showPanel = false">
+		<div :class="{ 'slideout-wrapper': true, open: props.modelValue }">
+			<div class="slideout-panel" @click="testClick">
+				<slot></slot>
+			</div>
+		</div>
+	</div>
 </template>
 
 <script setup>
@@ -28,7 +27,6 @@ function testClick(e) {
 
 <style lang="sass">
 .slideout-overlay
-    background-color: rgba(0,0,0,.5)
     z-index: 100
     &.open
         height: 100%
@@ -39,13 +37,13 @@ function testClick(e) {
         height: 100vh
         position: fixed
         display: flex
-        border: 1px solid rgba(152, 161, 192, 0.24)
-        box-shadow: rgba(0, 0, 0, 0.24) 12px 16px 24px, rgba(0, 0, 0, 0.24) 12px 8px 12px, rgba(0, 0, 0, 0.32) 4px 4px 8px
-        background-color: #2D2D2D
+        background-color: var(--midnight-black, #0F0F0F)
+        border-radius: 16px
         transition: margin-bottom 250ms ease 0s
         width: 100%
         margin-bottom: -100vh
         bottom: 0
+        overflow: auto
         @media (min-width: 992px)
             margin-right: -300px
             transition: margin-right 250ms ease 0s
@@ -59,7 +57,7 @@ function testClick(e) {
         .slideout-panel
             width: 100%
             height: 100%
-            padding: 24px
+            padding: 24px 24px 16px 24px
             @media (min-width: 992px)
                 width: 300px
             .slideout-icon
@@ -68,4 +66,4 @@ function testClick(e) {
                     background-color: lighten(#2D2D2D, 20%)
                 svg
                     font-size: 30px
-</style>
+</style>