added charge for all products 2

src/components/BasicActionSheet.vue

@@ -60,6 +60,9 @@
       <div class="flex cursor-pointer justify-center pt-2" @click="visibleProxy = false">
         <span class="w-12 rounded-sm border-t-2 border-t-solid border-t-gray-500"></span>
       </div>
+      <div v-if="title" class="basic-action-sheet__header">
+        <h3 class="basic-action-sheet__title">{{ title }}</h3>
+      </div>
       <div class="basic-action-sheet__content">
         <slot />
       </div>
@@ -167,7 +170,8 @@ function handleOk() {
 .basic-action-sheet {
   .ant-drawer-content {
     border-radius: 16px 16px 0 0;
-    overflow: hidden;
+    overflow-x: visible;
+    overflow-y: hidden;
   }
 
   .ant-drawer-body {
@@ -185,10 +189,27 @@ function handleOk() {
 
 .basic-action-sheet__content {
   flex: 1;
+  min-width: 0;
   overflow-y: auto;
   padding: 0 16px 12px;
 }
 
+.basic-action-sheet__header {
+  flex: 0 0 auto;
+  padding: 8px 16px 12px;
+  border-bottom: 1px solid var(--admin-border);
+  background: var(--admin-bg-elevated);
+}
+
+.basic-action-sheet__title {
+  margin: 0;
+  color: var(--admin-text);
+  font-size: 1rem;
+  font-weight: 700;
+  line-height: 1.6;
+  text-align: right;
+}
+
 .basic-action-sheet--compact {
   .ant-drawer-content-wrapper {
     height: auto !important;
@@ -209,7 +230,7 @@ function handleOk() {
 
 .basic-action-sheet__container--compact .basic-action-sheet__content {
   flex: 0 1 auto;
-  max-height: calc(88vh - 40px);
+  max-height: calc(88vh - 92px);
 }
 
 .basic-action-sheet__footer {