arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-26 09:50:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(dropdown-menu/context-menu): move class to ui.content

Browse Source 
After a6ecef0f fix
This commit is contained in:
Benjamin Canac
2024-11-20 09:51:19 +01:00
parent 7cc51d2efa
commit da1b0bac04
11 changed files with 35 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
playground/app/pages/components/context-menu.vue
View File

@@ -105,13 +105,13 @@ defineShortcuts(extractShortcuts(items.value))
<USelect v-model="size" :items="sizes" placeholder="Size" />
</div>
<UContextMenu :items="items" class="min-w-48" :size="size">
<UContextMenu :items="items" :ui="{ content: 'w-48' }" :size="size">
<div class="flex items-center justify-center rounded-md border border-dashed border-[var(--ui-border-accented)] text-sm aspect-video w-72">
Right click here
</div>
</UContextMenu>
<UContextMenu :items="itemsWithColor" class="min-w-48" :size="size">
<UContextMenu :items="itemsWithColor" :ui="{ content: 'w-48' }" :size="size">
<div class="flex items-center justify-center rounded-md border border-dashed border-[var(--ui-border-accented)] text-sm aspect-video w-72">
Color right click here
</div>

4
playground/app/pages/components/dropdown-menu.vue
View File

@@ -140,7 +140,7 @@ defineShortcuts(extractShortcuts(items.value))
<div class="flex flex-col items-center gap-8">
<USelectMenu v-model="size" :items="sizes" placeholder="Size" />
<UDropdownMenu :items="items" :size="size" arrow :content="{ side: 'bottom', align: 'start' }" class="min-w-48">
<UDropdownMenu :items="items" :size="size" arrow :content="{ side: 'bottom', align: 'start' }" :ui="{ content: 'w-48' }">
<UButton label="Open" color="neutral" variant="outline" icon="i-lucide-menu" />
<template #custom-trailing>
@@ -148,7 +148,7 @@ defineShortcuts(extractShortcuts(items.value))
</template>
</UDropdownMenu>
<UDropdownMenu :items="itemsWithColor" :size="size" arrow :content="{ side: 'bottom', align: 'start' }" class="min-w-48">
<UDropdownMenu :items="itemsWithColor" :size="size" arrow :content="{ side: 'bottom', align: 'start' }" :ui="{ content: 'w-48' }">
<UButton label="Color" color="neutral" variant="outline" icon="i-lucide-menu" />
<template #custom-trailing>