Resize UModal
how can i adjust my modal into smaller size?
<UModal title="Are you sure you want to log out?">
<UButton
variant="ghost"
class="justify-start cursor-pointer w-full text-left text-red-500 hover:bg-red-500/10"
>
<UIcon name="i-lucide-log-out" class="mr-2" />
Logout
</UButton>
<template #body>
<div class="flex justify-center gap-2">
<UButton
variant="outline"
>Cancel</UButton
>
<UButton
variant="solid"
color="error"
@click="logout"
>Logout</UButton
>
</div>
</template>
</UModal><UModal title="Are you sure you want to log out?">
<UButton
variant="ghost"
class="justify-start cursor-pointer w-full text-left text-red-500 hover:bg-red-500/10"
>
<UIcon name="i-lucide-log-out" class="mr-2" />
Logout
</UButton>
<template #body>
<div class="flex justify-center gap-2">
<UButton
variant="outline"
>Cancel</UButton
>
<UButton
variant="solid"
color="error"
@click="logout"
>Logout</UButton
>
</div>
</template>
</UModal>
