djsundog/ffplayout
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

center modals

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/components/GenericModal.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div v-if="show" class="z-50 fixed inset-0 flex justify-center items-start bg-black/30 overflow-auto"> <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-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="inline-block">
<div class="flex gap-2"> <div class="flex gap-2">
<div class="font-bold text-lg truncate flex-1 w-0">{{ title }}</div> <div class="font-bold text-lg truncate flex-1 w-0">{{ title }}</div>

4
frontend/components/PlaylistGenerator.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<div <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 <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> <div class="font-bold text-lg">{{ t('player.generateProgram') }}</div>