center modals

This commit is contained in:
Jonathan Baecker 2024-10-04 08:28:20 +02:00
parent c5d06a2da4
commit 0acf209f10
2 changed files with 4 additions and 4 deletions

View File

@ -1,6 +1,6 @@
<template>
<div v-if="show" class="z-50 fixed inset-0 flex justify-center items-start bg-black/30 overflow-auto">
<div class="flex flex-col bg-base-100 min-w-[300px] w-[400px] max-w-[90%] rounded-md p-5 shadow-xl my-5">
<div v-if="show" class="z-50 fixed inset-0 flex justify-center bg-black/30 overflow-auto py-5">
<div class="flex flex-col bg-base-100 min-w-[300px] w-[400px] max-w-[90%] rounded-md p-5 shadow-xl my-auto">
<div class="inline-block">
<div class="flex gap-2">
<div class="font-bold text-lg truncate flex-1 w-0">{{ title }}</div>

View File

@ -1,9 +1,9 @@
<template>
<div
class="z-50 fixed inset-0 flex justify-center items-start bg-black/30 overflow-auto"
class="z-50 fixed inset-0 flex justify-center bg-black/30 overflow-auto py-5"
>
<div
class="relative flex flex-col bg-base-100 w-[800px] min-w-[300px] max-w-[90vw] h-[680px] my-5 rounded-md p-5 shadow-xl"
class="relative flex flex-col bg-base-100 w-[800px] min-w-[300px] max-w-[90vw] h-[680px] my-auto rounded-md p-5 shadow-xl"
>
<div class="font-bold text-lg">{{ t('player.generateProgram') }}</div>