mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
fa5a3752c9
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Benjamin Canac <canacb1@gmail.com>
31 lines
859 B
Vue
31 lines
859 B
Vue
<script setup lang="ts">
|
|
import theme from '#build/ui/toaster'
|
|
|
|
const positions = Object.keys(theme.variants.position)
|
|
const appConfig = useAppConfig()
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<UFormField
|
|
label="toaster.position"
|
|
size="sm"
|
|
class="inline-flex ring ring-[var(--ui-border-accented)] rounded-[var(--ui-radius)]"
|
|
:ui="{
|
|
wrapper: 'bg-[var(--ui-bg-elevated)]/50 rounded-l-[var(--ui-radius)] flex border-r border-[var(--ui-border-accented)]',
|
|
label: 'text-[var(--ui-text-muted)] px-2 py-1.5',
|
|
container: 'mt-0'
|
|
}"
|
|
>
|
|
<USelectMenu
|
|
v-model="appConfig.toaster.position"
|
|
:items="positions"
|
|
color="neutral"
|
|
variant="soft"
|
|
class="rounded-[var(--ui-radius)] rounded-l-none min-w-12"
|
|
:search-input="false"
|
|
/>
|
|
</UFormField>
|
|
</div>
|
|
</template>
|