wip(freight): migration 0017 + model/column-list groundwork for add-freight-templates
This commit is contained in:
@@ -5,15 +5,21 @@ const emit = defineEmits<{ "update:modelValue": [key: string] }>();
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<div class="flex border-b border-border">
|
||||
<div class="border-border flex border-b">
|
||||
<button
|
||||
v-for="tab in tabs"
|
||||
:key="tab.key"
|
||||
type="button"
|
||||
class="border-0 border-b-2 border-transparent bg-transparent px-6 py-3 text-sm text-muted transition-colors"
|
||||
:class="tab.key === modelValue ? 'border-primary font-semibold text-primary' : 'hover:text-primary'"
|
||||
class="text-muted border-0 border-b-2 border-transparent bg-transparent px-6 py-3 text-sm transition-colors"
|
||||
:class="
|
||||
tab.key === modelValue
|
||||
? 'border-primary text-primary font-semibold'
|
||||
: 'hover:text-primary'
|
||||
"
|
||||
@click="emit('update:modelValue', tab.key)"
|
||||
>{{ tab.label }}</button>
|
||||
>
|
||||
{{ tab.label }}
|
||||
</button>
|
||||
</div>
|
||||
<div class="py-5">
|
||||
<slot :active="modelValue" />
|
||||
|
||||
Reference in New Issue
Block a user