Skip to content
Snippets Groups Projects

add max modal width and height

Merged Kasper Seweryn requested to merge wvffle/fix-modal-max-width into main
Files
2
@@ -7,21 +7,21 @@ const open = defineModel<boolean>({ required: true })
<Teleport to="body">
<Transition mode="out-in">
<div v-if="open" @click.exact.stop="open = false" class="funkwhale overlay">
<div @click.stop class="funkwhale modal">
<div @click.stop class="funkwhale modal" :class="$slots.alert && 'has-alert'" >
<h2>
{{ title }}
<FwButton icon="bi-x-lg" color="secondary" variant="ghost" @click="open = false" />
</h2>
<Transition>
<div v-if="$slots.alert" class="alert-container">
<div>
<slot name="alert" />
<div class="modal-content">
<Transition>
<div v-if="$slots.alert" class="alert-container">
<div>
<slot name="alert" />
</div>
</div>
</div>
</Transition>
</Transition>
<div class="modal-content">
<slot />
</div>
<div v-if="$slots.actions" class="modal-actions">
Loading