upgrade tailwind

This commit is contained in:
Julian Krauser 2025-04-12 15:17:44 +02:00
parent 6494752058
commit 815d5c16fa
89 changed files with 172 additions and 188 deletions

View file

@ -11,7 +11,7 @@
<form class="flex flex-col gap-2" @submit.prevent="login">
<div class="-space-y-px">
<div>
<input id="username" name="username" type="text" required placeholder="Benutzer" class="!rounded-b-none" />
<input id="username" name="username" type="text" required placeholder="Benutzer" class="rounded-b-none!" />
</div>
<div>
<input
@ -20,7 +20,7 @@
type="text"
required
placeholder="TOTP"
class="!rounded-t-none"
class="rounded-t-none!"
autocomplete="off"
/>
</div>

View file

@ -8,7 +8,7 @@
Um Zugriff auf das Admin-Portal zu erhalten, wenden Sie sich an einen Administrator.
</p>
<br />
<button primary class="!w-fit" @click="refetch">Zum Admin-Portal</button>
<button primary class="w-fit!" @click="refetch">Zum Admin-Portal</button>
</div>
</template>

View file

@ -14,7 +14,7 @@
<ComboboxLabel>Nutzer suchen</ComboboxLabel>
<div class="relative mt-1">
<ComboboxInput
class="rounded-md shadow-sm relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-0 focus:z-10 sm:text-sm resize-none"
class="rounded-md shadow-xs relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-hidden focus:ring-0 focus:z-10 sm:text-sm resize-none"
:displayValue="
(person) => (person as UserViewModel)?.firstname + ' ' + (person as UserViewModel)?.lastname
"
@ -30,7 +30,7 @@
@after-leave="query = ''"
>
<ComboboxOptions
class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-md ring-1 ring-black/5 focus:outline-none sm:text-sm"
class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-md ring-1 ring-black/5 focus:outline-hidden sm:text-sm"
>
<ComboboxOption v-if="filtered.length === 0" as="template" disabled>
<li class="text-text relative cursor-default select-none py-2 pl-3 pr-4">
@ -70,8 +70,8 @@
</Combobox>
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" @click="selected = undefined">abbrechen</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || selected == undefined">
<button primary-outline type="reset" class="w-fit!" @click="selected = undefined">abbrechen</button>
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || selected == undefined">
übertragen
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -30,10 +30,10 @@
<input type="email" id="mail" required v-model="user.mail" />
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || canSaveOrReset">
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || canSaveOrReset">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -37,7 +37,7 @@
</div>
<div class="flex flex-row gap-2 items-center">
<p class="whitespace-nowrap">Höhe [mm]:</p>
<input id="headerHeight" type="number" :min="15" class="!w-24" placeholder="15" />
<input id="headerHeight" type="number" :min="15" class="w-24!" placeholder="15" />
</div>
</div>
<div class="flex flex-row gap-2 items-center">
@ -62,12 +62,12 @@
</div>
<div class="flex flex-row gap-2 items-center">
<p class="whitespace-nowrap">Höhe [mm]:</p>
<input id="footerHeight" type="number" :min="15" class="!w-24" placeholder="15" />
<input id="footerHeight" type="number" :min="15" class="w-24!" placeholder="15" />
</div>
</div>
<div class="flex flex-row gap-2">
<button type="submit" primary class="!w-fit">Liste drucken</button>
<button type="reset" primary-outline class="!w-fit">zurücksetzen</button>
<button type="submit" primary class="w-fit!">Liste drucken</button>
<button type="reset" primary-outline class="w-fit!">zurücksetzen</button>
</div>
</form>
<div class="w-full grow min-h-[50%] flex flex-col gap-2">
@ -77,7 +77,7 @@
</div>
<div v-show="status == 'success'" class="flex flex-row gap-2 justify-end">
<a ref="download" button primary class="!w-fit">download</a>
<a ref="download" button primary class="w-fit!">download</a>
</div>
</div>
</div>

View file

@ -21,7 +21,7 @@
</Pagination>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'club', 'member')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'club', 'member')" primary class="w-fit!" @click="openCreateModal">
Mitglied erstellen
</button>
</div>

View file

@ -7,7 +7,7 @@
<p v-else-if="loading == 'failed'" @click="fetchItem" class="cursor-pointer">&#8634; laden fehlgeschlagen</p>
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'club', 'member')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'club', 'member')" primary class="w-fit!" @click="openCreateModal">
Auszeichnung hinzufügen
</button>
</div>

View file

@ -11,7 +11,7 @@
<p v-else-if="loading == 'failed'" @click="fetchItem" class="cursor-pointer">&#8634; laden fehlgeschlagen</p>
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'club', 'member')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'club', 'member')" primary class="w-fit!" @click="openCreateModal">
Kommunikation hinzufügen
</button>
</div>

View file

@ -13,7 +13,7 @@
<ListboxLabel>Anrede</ListboxLabel>
<div class="relative mt-1">
<ListboxButton
class="rounded-md shadow-sm relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-0 focus:z-10 sm:text-sm resize-none"
class="rounded-md shadow-xs relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-hidden focus:ring-0 focus:z-10 sm:text-sm resize-none"
>
<span class="block truncate w-full text-start"> {{ member.salutation.salutation }}</span>
<span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2">
@ -27,7 +27,7 @@
leave-to-class="opacity-0"
>
<ListboxOptions
class="absolute mt-1 max-h-60 z-20 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm h-32 overflow-y-auto"
class="absolute mt-1 max-h-60 z-20 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden sm:text-sm h-32 overflow-y-auto"
>
<ListboxOption
v-slot="{ active, selected }"
@ -76,10 +76,10 @@
<input type="text" id="internalId" v-model="member.internalId" />
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || canSaveOrReset">
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || canSaveOrReset">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -11,7 +11,7 @@
<p v-else-if="loading == 'failed'" @click="fetchItem" class="cursor-pointer">&#8634; laden fehlgeschlagen</p>
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'club', 'member')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'club', 'member')" primary class="w-fit!" @click="openCreateModal">
Vereinsamt hinzufügen
</button>
</div>

View file

@ -11,7 +11,7 @@
<p v-else-if="loading == 'failed'" @click="fetchItem" class="cursor-pointer">&#8634; laden fehlgeschlagen</p>
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'club', 'member')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'club', 'member')" primary class="w-fit!" @click="openCreateModal">
Qualifikation hinzufügen
</button>
</div>

View file

@ -32,8 +32,8 @@
>
<p
:class="[
'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-none',
isActive ? 'bg-red-200 shadow border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-hidden',
isActive ? 'bg-red-200 shadow-sm border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
]"
>
{{ tab.title }}

View file

@ -7,7 +7,7 @@
<p v-else-if="loading == 'failed'" @click="fetchItem" class="cursor-pointer">&#8634; laden fehlgeschlagen</p>
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'club', 'member')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'club', 'member')" primary class="w-fit!" @click="openCreateModal">
Mitgliedschaft hinzufügen
</button>
</div>

View file

@ -20,7 +20,7 @@
</Pagination>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'club', 'newsletter')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'club', 'newsletter')" primary class="w-fit!" @click="openCreateModal">
Newsletter erstellen
</button>
</div>

View file

@ -94,7 +94,7 @@
{{ cal.title }}
</option>
</select>
<button type="submit" primary class="!w-fit">hinzufügen</button>
<button type="submit" primary class="w-fit!">hinzufügen</button>
</form>
</div>
</template>

View file

@ -25,7 +25,7 @@
<button
v-if="can('create', 'club', 'newsletter')"
primary
class="!w-fit whitespace-nowrap flex flex-row gap-2"
class="w-fit! whitespace-nowrap flex flex-row gap-2"
:disabled="printing != undefined"
@click="openPdfCommit"
>
@ -37,7 +37,7 @@
<button
v-if="can('create', 'club', 'newsletter')"
primary
class="!w-fit whitespace-nowrap flex flex-row gap-2"
class="w-fit! whitespace-nowrap flex flex-row gap-2"
:disabled="sending != undefined"
@click="openMailCommit"
>
@ -46,13 +46,13 @@
<SuccessCheckmark v-else-if="sending == 'success'" />
<FailureXMark v-else-if="sending == 'failed'" />
</button>
<button v-if="can('create', 'club', 'newsletter')" primary-outline class="!w-fit" @click="openPdfShow()">
<button v-if="can('create', 'club', 'newsletter')" primary-outline class="w-fit!" @click="openPdfShow()">
Newsletter Vorschau
</button>
<button
v-if="can('create', 'club', 'newsletter')"
primary-outline
class="!w-fit whitespace-nowrap flex flex-row gap-2"
class="w-fit! whitespace-nowrap flex flex-row gap-2"
:disabled="sendingPreview != undefined"
@click="createNewsletterMailPreview"
>
@ -61,10 +61,10 @@
<SuccessCheckmark v-else-if="sendingPreview == 'success'" />
<FailureXMark v-else-if="sendingPreview == 'failed'" />
</button>
<button v-if="pdfSourceMessages.length != 0" primary-outline class="!w-fit" @click="openPdfLogs">
<button v-if="pdfSourceMessages.length != 0" primary-outline class="w-fit!" @click="openPdfLogs">
Druck Logs
</button>
<button v-if="mailSourceMessages.length != 0" primary-outline class="!w-fit" @click="openMailLogs">
<button v-if="mailSourceMessages.length != 0" primary-outline class="w-fit!" @click="openMailLogs">
Versand Logs
</button>
</div>

View file

@ -29,8 +29,8 @@
>
<p
:class="[
'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-none',
isActive ? 'bg-red-200 shadow border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-hidden',
isActive ? 'bg-red-200 shadow-sm border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
]"
>
{{ tab.title }}

View file

@ -20,7 +20,7 @@
</Pagination>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'club', 'protocol')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'club', 'protocol')" primary class="w-fit!" @click="openCreateModal">
Protokoll erstellen
</button>
</div>

View file

@ -58,7 +58,7 @@
</details>
</div>
<button v-if="can('create', 'club', 'protocol')" primary class="!w-fit" @click="createProtocolAgenda">
<button v-if="can('create', 'club', 'protocol')" primary class="w-fit!" @click="createProtocolAgenda">
Eintrag hinzufügen
</button>
</div>

View file

@ -58,7 +58,7 @@
</details>
</div>
<button v-if="can('create', 'club', 'protocol')" primary class="!w-fit" @click="createProtocolDecision">
<button v-if="can('create', 'club', 'protocol')" primary class="w-fit!" @click="createProtocolDecision">
Eintrag hinzufügen
</button>
</div>

View file

@ -33,7 +33,7 @@
<button
v-if="can('create', 'club', 'protocol')"
primary
class="!w-fit"
class="w-fit!"
:disabled="printing != undefined"
@click="createProtocolPrintout"
>

View file

@ -29,8 +29,8 @@
>
<p
:class="[
'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-none',
isActive ? 'bg-red-200 shadow border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-hidden',
isActive ? 'bg-red-200 shadow-sm border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
]"
>
{{ tab.title }}

View file

@ -75,7 +75,7 @@
</details>
</div>
<button v-if="can('create', 'club', 'protocol')" primary class="!w-fit" @click="createProtocolVoting">
<button v-if="can('create', 'club', 'protocol')" primary class="w-fit!" @click="createProtocolVoting">
Abstimmung hinzufügen
</button>
</div>

View file

@ -11,7 +11,7 @@
<AwardListItem v-for="award in awards" :key="award.id" :award="award" />
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'configuration', 'award')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'configuration', 'award')" primary class="w-fit!" @click="openCreateModal">
Auszeichnung erstellen
</button>
</div>

View file

@ -21,10 +21,10 @@
<input type="text" id="award" required v-model="award.award" />
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || canSaveOrReset">
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || canSaveOrReset">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -18,7 +18,7 @@
<button
v-if="can('create', 'configuration', 'calendar_type')"
primary
class="!w-fit"
class="w-fit!"
@click="openCreateModal"
>
Termintyp erstellen

View file

@ -21,7 +21,7 @@
<input type="text" id="type" required v-model="calendarType.type" />
</div>
<div class="flex flex-row items-center gap-2">
<input type="color" id="color" required v-model="calendarType.color" class="!px-1 !py-0 !w-10" />
<input type="color" id="color" required v-model="calendarType.color" class="px-1! py-0! w-10!" />
<label for="color">Farbe</label>
</div>
<div class="flex flex-row items-center gap-2">
@ -34,10 +34,10 @@
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || canSaveOrReset">
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || canSaveOrReset">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -18,7 +18,7 @@
<button
v-if="can('create', 'configuration', 'communication_type')"
primary
class="!w-fit"
class="w-fit!"
@click="openCreateModal"
>
Kommunikationsart erstellen

View file

@ -25,7 +25,7 @@
<ListboxLabel>Felder</ListboxLabel>
<div class="relative mt-1">
<ListboxButton
class="rounded-md shadow-sm relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-0 focus:z-10 sm:text-sm resize-none"
class="rounded-md shadow-xs relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-hidden focus:ring-0 focus:z-10 sm:text-sm resize-none"
>
<span class="block truncate w-full text-start"> {{ communicationType.fields.join(", ") }}</span>
<span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2">
@ -39,7 +39,7 @@
leave-to-class="opacity-0"
>
<ListboxOptions
class="absolute mt-1 max-h-60 z-20 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm h-32 overflow-y-auto"
class="absolute mt-1 max-h-60 z-20 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden sm:text-sm h-32 overflow-y-auto"
>
<ListboxOption
v-slot="{ active, selected }"
@ -66,10 +66,10 @@
</Listbox>
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || canSaveOrReset">
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || canSaveOrReset">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -18,7 +18,7 @@
<button
v-if="can('create', 'configuration', 'executive_position')"
primary
class="!w-fit"
class="w-fit!"
@click="openCreateModal"
>
Vereinsämt erstellen

View file

@ -21,10 +21,10 @@
<input type="text" id="executivePosition" required v-model="executivePosition.position" />
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || canSaveOrReset">
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || canSaveOrReset">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -14,7 +14,7 @@
<button
v-if="can('create', 'configuration', 'membership_status')"
primary
class="!w-fit"
class="w-fit!"
@click="openCreateModal"
>
Mitgliedsstatus erstellen

View file

@ -21,10 +21,10 @@
<input type="text" id="membershipStatusStatus" required v-model="membershipStatus.status" />
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || canSaveOrReset">
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || canSaveOrReset">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -18,7 +18,7 @@
<button
v-if="can('create', 'configuration', 'qualification')"
primary
class="!w-fit"
class="w-fit!"
@click="openCreateModal"
>
Qualifikation erstellen

View file

@ -25,10 +25,10 @@
<input type="text" id="description" v-model="qualification.description" />
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || canSaveOrReset">
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || canSaveOrReset">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -16,7 +16,7 @@
:to="{ name: 'admin-club-query_builder' }"
button
primary
class="!w-fit"
class="w-fit!"
>
Abfrage erstellen
</RouterLink>

View file

@ -11,7 +11,7 @@
<SalutationListItem v-for="salutation in salutations" :key="salutation.id" :salutation="salutation" />
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'configuration', 'salutation')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'configuration', 'salutation')" primary class="w-fit!" @click="openCreateModal">
Anrede erstellen
</button>
</div>

View file

@ -21,10 +21,10 @@
<input type="text" id="salutation" required v-model="salutation.salutation" />
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || canSaveOrReset">
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || canSaveOrReset">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -14,7 +14,7 @@
<TemplateListItem v-for="template in templates" :key="template.id" :template="template" />
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'configuration', 'template')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'configuration', 'template')" primary class="w-fit!" @click="openCreateModal">
Template erstellen
</button>
</div>

View file

@ -32,10 +32,10 @@
</div>
<div ref="grapesEditor" id="grapesEditor"></div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="status == 'loading'" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="status == 'loading'" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading'">speichern</button>
<button primary type="submit" class="w-fit!" :disabled="status == 'loading'">speichern</button>
<Spinner v-if="status == 'loading'" class="my-auto" />
<SuccessCheckmark v-else-if="status?.status == 'success'" />
<FailureXMark v-else-if="status?.status == 'failed'" />

View file

@ -18,8 +18,8 @@
>
<p
:class="[
'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-none',
isActive ? 'bg-red-200 shadow border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-hidden',
isActive ? 'bg-red-200 shadow-sm border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
]"
>
{{ tab.title }}

View file

@ -4,7 +4,7 @@
<BackupListItem v-for="backup in backups" :key="backup" :backup="backup" />
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'management', 'backup')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'management', 'backup')" primary class="w-fit!" @click="openCreateModal">
Backup erstellen
</button>
</div>

View file

@ -4,7 +4,7 @@
<BackupListItem v-for="backup in backups" :key="backup" :backup="backup" />
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'management', 'backup')" primary class="!w-fit" @click="openUploadModal">
<button v-if="can('create', 'management', 'backup')" primary class="w-fit!" @click="openUploadModal">
Backup hochladen
</button>
</div>

View file

@ -11,7 +11,7 @@
<RoleListItem v-for="role in roles" :key="role.id" :role="role" />
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'management', 'role')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'management', 'role')" primary class="w-fit!" @click="openCreateModal">
Rolle erstellen
</button>
</div>

View file

@ -21,10 +21,10 @@
<input type="text" id="role" required v-model="role.role" />
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || canSaveOrReset">
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || canSaveOrReset">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -11,10 +11,10 @@
<UserListItem v-for="user in users" :key="user.id" :user="user" />
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'management', 'user')" primary class="!w-fit" @click="inviteUser">
<button v-if="can('create', 'management', 'user')" primary class="w-fit!" @click="inviteUser">
Nutzer einladen
</button>
<RouterLink button primary-outline :to="{ name: 'admin-management-user-invites' }" class="!w-fit">
<RouterLink button primary-outline :to="{ name: 'admin-management-user-invites' }" class="w-fit!">
offene Einladungen
</RouterLink>
</div>

View file

@ -33,10 +33,10 @@
<input type="email" id="mail" required v-model="user.mail" />
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || canSaveOrReset">
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || canSaveOrReset">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -39,8 +39,8 @@
</div>
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">verwerfen</button>
<button primary class="!w-fit" :disabled="status == 'loading' || canSaveOrReset" @click="triggerRolesUpdate">
<button primary-outline class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">verwerfen</button>
<button primary class="w-fit!" :disabled="status == 'loading' || canSaveOrReset" @click="triggerRolesUpdate">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -11,7 +11,7 @@
<WebapiListItem v-for="webapi in webapis" :key="webapi.id" :webapi="webapi" />
</div>
<div class="flex flex-row gap-4">
<button v-if="can('create', 'management', 'webapi')" primary class="!w-fit" @click="openCreateModal">
<button v-if="can('create', 'management', 'webapi')" primary class="w-fit!" @click="openCreateModal">
Webapi-Token erstellen
</button>
</div>

View file

@ -25,10 +25,10 @@
<input type="date" id="expiry" step="1" v-model="webapi.expiry" />
</div>
<div class="flex flex-row justify-end gap-2">
<button primary-outline type="reset" class="!w-fit" :disabled="canSaveOrReset" @click="resetForm">
<button primary-outline type="reset" class="w-fit!" :disabled="canSaveOrReset" @click="resetForm">
verwerfen
</button>
<button primary type="submit" class="!w-fit" :disabled="status == 'loading' || canSaveOrReset">
<button primary type="submit" class="w-fit!" :disabled="status == 'loading' || canSaveOrReset">
speichern
</button>
<Spinner v-if="status == 'loading'" class="my-auto" />

View file

@ -6,7 +6,7 @@
<h1 class="font-thin text-center text-6xl text-gray-800">GOT LOST ?</h1>
<a
href="/"
class="px-3 py-2 w-auto font-light transition ease-in duration-200 uppercase hover:bg-yellow-600 hover:text-white border-b text-2xl border-yellow-600 focus:outline-none"
class="px-3 py-2 w-auto font-light transition ease-in duration-200 uppercase hover:bg-yellow-600 hover:text-white border-b text-2xl border-yellow-600 focus:outline-hidden"
>
Back Home?
</a>

View file

@ -9,16 +9,16 @@
<form class="flex flex-col gap-2" @submit.prevent="setup">
<div class="-space-y-px">
<div>
<input id="username" name="username" type="text" required placeholder="Benutzer" class="!rounded-b-none" />
<input id="username" name="username" type="text" required placeholder="Benutzer" class="rounded-b-none!" />
</div>
<div>
<input id="mail" name="mail" type="email" required placeholder="Mailadresse" class="!rounded-none" />
<input id="mail" name="mail" type="email" required placeholder="Mailadresse" class="rounded-none!" />
</div>
<div>
<input id="firstname" name="firstname" type="text" required placeholder="Vorname" class="!rounded-none" />
<input id="firstname" name="firstname" type="text" required placeholder="Vorname" class="rounded-none!" />
</div>
<div>
<input id="lastname" name="lastname" type="text" required placeholder="Nachname" class="!rounded-t-none" />
<input id="lastname" name="lastname" type="text" required placeholder="Nachname" class="rounded-t-none!" />
</div>
</div>