tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-03 06:27:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

update tailwindcss@4

Browse Source
This commit is contained in:
Thomas Ruoff
2025-03-30 22:29:15 +02:00
parent d2b418f238
commit 9a2052fcaa
16 changed files with 488 additions and 2799 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/book/index.tsx
View File

@@ -39,7 +39,7 @@ function BookForm() {
<Contact />
<div className="mb-3">
<label className="form-check-label inline-block text-gray-800 cursor-pointer" htmlFor="termsAgreed">
<input className="form-check-input h-4 w-4 border border-gray-300 rounded-sm bg-white checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer" type="checkbox" value="" id="termsAgreed" name="termsAgreed" required onChange={onChangeEvent} />
<input className="form-check-input h-4 w-4 border border-gray-300 rounded-xs bg-white checked:bg-blue-600 checked:border-blue-600 focus:outline-hidden transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer" type="checkbox" value="" id="termsAgreed" name="termsAgreed" required onChange={onChangeEvent} />
Ich stimme den <Link href="./terms" target="_blank" className="underline hover:text-blue-700">Mietbedingungen</Link> zu <Required />
</label>
</div>
@@ -48,7 +48,7 @@ function BookForm() {
{postData ? 'Speichern...' : 'Absenden'}
</Button>
{postDataError && (
<div className="error-message flex-grow">{postDataError}</div>
<div className="error-message grow">{postDataError}</div>
)}
</div>
</form>

2
components/bookingTable.tsx
View File

@@ -37,7 +37,7 @@ export default function BookingTable({ booking }: { booking: IBooking }) {
return (
<div
key={booking.uuid}
className="mt-6 mb-6 bg-white border border-slate-100 shadow overflow-hidden sm:rounded-lg"
className="mt-6 mb-6 bg-white border border-slate-100 shadow-sm overflow-hidden sm:rounded-lg"
>
<div className="px-4 py-5 sm:px-6">
<h3 className="text-lg leading-6 font-medium text-gray-900">

4
components/calendar.tsx
View File

@@ -145,11 +145,11 @@ export default function MyCalendar({
</Loading>
<div className="mt-3 flex justify-center">
<div>
<div className="inline-block w-5 h-5 bg-green-200 rounded align-text-bottom"></div>
<div className="inline-block w-5 h-5 bg-green-200 rounded-sm align-text-bottom"></div>
<span className="ml-2">Frei</span>
</div>
<div>
<div className="ml-6 inline-block w-5 h-5 bg-red-200 rounded align-text-bottom"></div>
<div className="ml-6 inline-block w-5 h-5 bg-red-200 rounded-sm align-text-bottom"></div>
<span className="ml-2">Belegt</span>
</div>
</div>

2
components/footer.tsx
View File

@@ -6,7 +6,7 @@ export default function Footer() {
return (
<footer>
<div className="flex flex-col sm:flex-row max-w-7xl mx-auto px-4 sm:px-6 my-5">
<div className="flex-grow">
<div className="grow">
<Link href="/" className="underline">
<Logo className="h-12 w-auto sm:h-14" />
</Link>

2
components/input.tsx
View File

@@ -17,7 +17,7 @@ export default function Input(props: InputProps) {
} = props
const defaultClasses =
'appearance-none bg-gray-50 text-gray-500 border rounded py-2 px-3 mb-3 leading-tight disabled:bg-gray-200 disabled:cursor-not-allowed focus: outline-none focus:bg-white w-full'
'appearance-none bg-gray-50 text-gray-500 border rounded-sm py-2 px-3 mb-3 leading-tight disabled:bg-gray-200 disabled:cursor-not-allowed focus: outline-hidden focus:bg-white w-full'
const classes = `${defaultClasses} ${className}`
return (

2
components/select.tsx
View File

@@ -21,7 +21,7 @@ export default function Select({
</label>
<div className="relative">
<select
className="block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
className="block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded-sm leading-tight focus:outline-hidden focus:bg-white focus:border-gray-500"
id={name}
name={name}
value={value}

2
components/user.tsx
View File

@@ -16,7 +16,7 @@ export default function User() {
>
Admin
</Link>
<div className="font-extrabold bg-red-400 px-2 py-1 mr-3 rounded-sm">
<div className="font-extrabold bg-red-400 px-2 py-1 mr-3 rounded-xs">
{data.user.email}
</div>
<button onClick={() => signOut()} className="btn btn-blue">