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

@ -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>