add basic crud frontend for clients, tags and projects

This commit is contained in:
Gregor Vostrak
2024-04-03 16:07:23 +02:00
parent 824e3d99ae
commit 0081aa7a6e
77 changed files with 2670 additions and 330 deletions

View File

@@ -64,7 +64,7 @@ const maxWidthClass = computed(() => {
<transition leave-active-class="duration-200">
<div
v-show="show"
class="fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50"
class="fixed inset-0 overflow-y-auto px-4 py-32 sm:px-0 z-50"
scroll-region>
<transition
enter-active-class="ease-out duration-300"
@@ -75,10 +75,10 @@ const maxWidthClass = computed(() => {
leave-to-class="opacity-0">
<div
v-show="show"
class="fixed inset-0 transform transition-all"
class="fixed inset-0 transform transition-all backdrop-blur-sm"
@click="close">
<div
class="absolute inset-0 bg-card-background opacity-75" />
class="absolute inset-0 bg-default-background opacity-30" />
</div>
</transition>
@@ -91,7 +91,7 @@ const maxWidthClass = computed(() => {
leave-to-class="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
<div
v-show="show"
class="mb-6 bg-card-background rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto"
class="mb-6 bg-card-background border border-card-border rounded-lg shadow-xl transform transition-all sm:w-full sm:mx-auto"
:class="maxWidthClass">
<slot v-if="show" />
</div>