Textvorlagen-Modal Layout korrigieren
All checks were successful
Build and Push Docker Images / build-backend (push) Successful in 23s
Build and Push Docker Images / build-frontend (push) Successful in 1m15s
Build and Push Docker Images / build-website (push) Successful in 22s
Build and Push Docker Images / build-central-services-api (push) Successful in 23s
Build and Push Docker Images / build-central-services-admin (push) Successful in 22s
Build and Push Docker Images / build-docs (push) Successful in 22s

This commit is contained in:
root
2026-09-01 06:42:43 +00:00
parent 92686ead9a
commit 98a8d1d061

View File

@@ -238,9 +238,9 @@ const getDocLabel = (type) => {
</UTable>
</UDashboardPanelContent>
<UModal v-model:open="editTemplateModalOpen" :ui="{ content: 'sm:max-w-4xl' }">
<UModal v-model:open="editTemplateModalOpen" :ui="{ content: 'max-h-[85vh] overflow-hidden sm:max-w-4xl' }">
<template #content>
<div class="mx-auto flex max-h-[85vh] w-full max-w-4xl flex-col overflow-hidden rounded-2xl bg-default shadow-xl ring-1 ring-black/5">
<div class="mx-auto flex h-[85vh] max-h-[85vh] w-full max-w-4xl flex-col overflow-hidden rounded-2xl bg-default shadow-xl ring-1 ring-black/5">
<div class="flex shrink-0 items-center justify-between border-b border-default px-6 py-5 sm:px-7">
<h3 class="text-lg font-semibold">
{{ itemInfo.id ? 'Vorlage bearbeiten' : 'Neue Vorlage erstellen' }}
@@ -249,9 +249,9 @@ const getDocLabel = (type) => {
</div>
<div class="min-h-0 flex-1 overflow-y-auto px-6 py-5 sm:px-7">
<div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
<div class="grid min-w-0 grid-cols-1 gap-6 lg:grid-cols-[minmax(0,2fr)_minmax(16rem,1fr)]">
<div class="space-y-4 lg:col-span-2">
<div class="min-w-0 space-y-4">
<UFormField label="Bezeichnung" required>
<UInput v-model="itemInfo.name" placeholder="z.B. Standard Angebotstext" icon="i-heroicons-tag"/>
</UFormField>
@@ -294,7 +294,7 @@ const getDocLabel = (type) => {
<UCheckbox v-model="itemInfo.default" label="Als Standard für diesen Typ verwenden"/>
</div>
<div class="h-fit rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800">
<div class="h-fit min-w-0 rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800">
<h4 class="font-semibold mb-3 flex items-center gap-2">
<UIcon name="i-heroicons-variable"/>
Variablen
@@ -308,12 +308,12 @@ const getDocLabel = (type) => {
v-for="v in variableDefinitions"
:key="v.key"
@click="insertVariable(v.key)"
class="group flex items-center justify-between p-2 rounded hover:bg-white dark:hover:bg-gray-700 border border-transparent hover:border-gray-200 dark:hover:border-gray-600 transition-colors text-left"
class="group flex min-w-0 items-center justify-between rounded border border-transparent p-2 text-left transition-colors hover:border-gray-200 hover:bg-white dark:hover:border-gray-600 dark:hover:bg-gray-700"
type="button"
>
<div>
<code
class="text-xs font-bold text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-primary-950/50 px-1 py-0.5 rounded">{{
class="break-all rounded bg-primary-50 px-1 py-0.5 text-xs font-bold text-primary-600 dark:bg-primary-950/50 dark:text-primary-400">{{
v.key
}}</code>
<div class="text-xs text-gray-500 mt-0.5">{{ v.desc }}</div>