handle mobile user

2026-06-04 22:29:28 +03:30
parent fe0734a529
commit ec3440d4b3
9 changed files with 285 additions and 75 deletions
@@ -1,11 +1,19 @@
 <template>
  <div class="space-y-3">
-    <div class="min-w-0 space-y-1">
-      <div v-if="showTitle" class="text-lg font-700 text-gray-900">
-        <slot name="title">{{ title }}</slot>
+    <div class="flex items-start justify-between gap-2">
+      <div class="min-w-0 flex-1 space-y-1">
+        <div v-if="showTitle" class="text-lg font-700 text-gray-900">
+          <slot name="title">{{ title }}</slot>
+        </div>
+        <div v-if="subtitle || $slots.subtitle" class="text-xs text-gray-500">
+          <slot name="subtitle">{{ subtitle }}</slot>
+        </div>
      </div>
-      <div v-if="subtitle || $slots.subtitle" class="text-xs text-gray-500">
-        <slot name="subtitle">{{ subtitle }}</slot>
+      <div
+        v-if="$slots.actions"
+        class="flex shrink-0 flex-wrap items-center justify-end gap-1"
+      >
+        <slot name="actions" />
      </div>
    </div>
  </div>