This commit is contained in:
2026-06-04 22:33:33 +03:30
parent ec3440d4b3
commit 3d403d61ca
9 changed files with 72 additions and 285 deletions
+2 -28
View File
@@ -50,9 +50,9 @@
:closable="false"
:destroy-on-close="true"
:height="drawerHeight"
:class="['basic-action-sheet', { 'basic-action-sheet--compact': compact }]"
class="basic-action-sheet"
>
<div class="basic-action-sheet__container" :class="{ 'basic-action-sheet__container--compact': compact }">
<div class="basic-action-sheet__container">
<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>
@@ -103,8 +103,6 @@ interface Props {
modalWidth?: string
loading?: boolean
drawerHeight?: string
/** When true, drawer height follows content (no empty flex gap). */
compact?: boolean
cancelText?: string
showButton?: boolean
showCancel?: boolean
@@ -118,7 +116,6 @@ const props = withDefaults(defineProps<Props>(), {
modalWidth: '36rem',
loading: false,
drawerHeight: ACTION_SHEET_HEIGHT,
compact: false,
cancelText: 'بازگشت',
showButton: false,
showCancel: true,
@@ -178,29 +175,6 @@ function handleCancel() {
padding: 0 16px 12px;
}
.basic-action-sheet--compact {
.ant-drawer-content-wrapper {
height: auto !important;
max-height: 88vh;
}
.ant-drawer-content {
height: auto !important;
max-height: 88vh;
}
}
.basic-action-sheet__container--compact {
height: auto;
min-height: 0;
max-height: 88vh;
}
.basic-action-sheet__container--compact .basic-action-sheet__content {
flex: 0 1 auto;
max-height: calc(88vh - 40px);
}
.basic-action-sheet__footer {
position: sticky;
bottom: 0;