@aquiferre/ui-kit 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
<Transition name="fade">
|
|
4
4
|
<div v-if="visible" class="dialog-overlay" :data-testid="testId">
|
|
5
5
|
<div class="fixed inset-0 bg-bg-overlay" :data-testid="testId ? `${testId}-mask` : undefined" @click="cancel" />
|
|
6
|
-
<div class="panel-glass" :class="[width || 'max-w-lg', 'dialog']">
|
|
7
|
-
<div class="flex items-center justify-between px-6 py-4 border-b border-border-primary">
|
|
6
|
+
<div class="panel-glass flex flex-col max-h-[90vh]" :class="[width || 'max-w-lg', 'dialog']">
|
|
7
|
+
<div class="flex items-center justify-between px-6 py-4 border-b border-border-primary shrink-0">
|
|
8
8
|
<h3 class="text-lg font-medium text-text-primary">{{ title }}</h3>
|
|
9
9
|
<button class="text-text-tertiary hover:text-text-primary text-2xl leading-none" :data-testid="testId ? `${testId}-close` : undefined" @click="cancel">×</button>
|
|
10
10
|
</div>
|
|
11
|
-
<div class="px-6 py-4">
|
|
11
|
+
<div class="px-6 py-4 overflow-y-auto flex-1 min-h-0">
|
|
12
12
|
<slot />
|
|
13
13
|
</div>
|
|
14
|
-
<div class="dialog-actions px-6 py-4 border-t border-border-primary bg-bg-secondary/50 rounded-b-2xl">
|
|
14
|
+
<div class="dialog-actions px-6 py-4 border-t border-border-primary bg-bg-secondary/50 rounded-b-2xl shrink-0">
|
|
15
15
|
<button
|
|
16
16
|
class="btn-secondary"
|
|
17
17
|
:data-testid="testId ? `${testId}-cancel` : undefined"
|