19 lines
634 B
Vue
19 lines
634 B
Vue
|
<script setup lang="ts">
|
||
|
|
defineProps<{ title: string; subtitle?: string; back?: string }>();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="mb-6 flex flex-wrap items-center justify-between gap-4">
|
||
|
|
<div class="flex items-center gap-3">
|
||
|
|
<RouterLink v-if="back" :to="back" class="text-gray-400 hover:text-gray-700" title="بازگشت">→</RouterLink>
|
||
|
|
<div>
|
||
|
|
<h1 class="text-xl font-bold text-gray-800">{{ title }}</h1>
|
||
|
|
<p v-if="subtitle" class="mt-1 text-sm text-gray-500">{{ subtitle }}</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex flex-wrap items-center gap-2">
|
||
|
|
<slot />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|