diff --git a/app/(cms)/cms.css b/app/(cms)/cms.css index d4b80cf..b01e454 100644 --- a/app/(cms)/cms.css +++ b/app/(cms)/cms.css @@ -1,6 +1,24 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; +@import 'tailwindcss'; + +@config "./../../tailwind.config.js"; + +/* + The default border color has changed to `currentColor` in Tailwind CSS v4, + so we've added these compatibility styles to make sure everything still + looks the same as it did with Tailwind CSS v3. + + If we ever want to remove these styles, we need to add an explicit border + color utility to any element that depends on these defaults. +*/ +@layer base { + *, + ::after, + ::before, + ::backdrop, + ::file-selector-button { + border-color: var(--color-gray-200, currentColor); + } +} form { margin-block-end: 0; diff --git a/app/(cms)/cms/people/PeopleList.tsx b/app/(cms)/cms/people/PeopleList.tsx index 952d498..46074cd 100644 --- a/app/(cms)/cms/people/PeopleList.tsx +++ b/app/(cms)/cms/people/PeopleList.tsx @@ -13,9 +13,9 @@ import { CardToolbar } from "#/components/cms/card/Card"; import { debounce } from "lodash"; import { LuSearch } from "react-icons/lu"; import { MdOutlineDelete, MdOutlinePersonAdd } from "react-icons/md"; -import { Button, IconButton, LinearProgress } from "@mui/material"; +import { Button, IconButton } from "@mui/material"; import { TextField } from "#/components/cms/input/TextField"; -import { deletePerson, readAllPeople } from "#/app/(cms)/cms/people/actions"; +import { deletePerson } from "#/app/(cms)/cms/people/actions"; import { useRouter } from "next/navigation"; import { useHotkeys } from "react-hotkeys-hook"; @@ -110,6 +110,7 @@ export default function PeopleList() { [filteredPeople], ); + // eslint-disable-next-line react-hooks/exhaustive-deps const onChange = useCallback( debounce((value: string | null) => setSearchTerm(value?.trim().toLowerCase()), 500), [], diff --git a/app/(web)/badminton/kinder/page.tsx b/app/(web)/badminton/kinder/page.tsx index 30df0eb..1995a90 100644 --- a/app/(web)/badminton/kinder/page.tsx +++ b/app/(web)/badminton/kinder/page.tsx @@ -39,7 +39,7 @@ export default function Badminton() { jederzeit eingeladen zum Schnuppern vorbei zu kommen.

-
+

Trainingszeiten

Kinder (6-14 Jahre)

Montag, 17:00 - 18:30 Uhr

diff --git a/app/(web)/web.css b/app/(web)/web.css index 57e9a31..6f9849a 100644 --- a/app/(web)/web.css +++ b/app/(web)/web.css @@ -1,6 +1,24 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; +@import 'tailwindcss'; + +@config "./../../tailwind.config.js"; + +/* + The default border color has changed to `currentColor` in Tailwind CSS v4, + so we've added these compatibility styles to make sure everything still + looks the same as it did with Tailwind CSS v3. + + If we ever want to remove these styles, we need to add an explicit border + color utility to any element that depends on these defaults. +*/ +@layer base { + *, + ::after, + ::before, + ::backdrop, + ::file-selector-button { + border-color: var(--color-gray-200, currentColor); + } +} form { margin-block-end: 0; diff --git a/components/announcements/AnnouncementsBlock.tsx b/components/announcements/AnnouncementsBlock.tsx index ac683ed..31d0002 100644 --- a/components/announcements/AnnouncementsBlock.tsx +++ b/components/announcements/AnnouncementsBlock.tsx @@ -17,7 +17,7 @@ export function AnnouncementsBlock() { } return ( -
+
diff --git a/components/badge/NewBadge.tsx b/components/badge/NewBadge.tsx index 3371a18..41faaf6 100644 --- a/components/badge/NewBadge.tsx +++ b/components/badge/NewBadge.tsx @@ -1,5 +1,5 @@ import React from "react"; export function NewBadge() { - return NEU; + return NEU; } diff --git a/components/cms/navigation/Item.tsx b/components/cms/navigation/Item.tsx index 7f72a07..9a76cdb 100644 --- a/components/cms/navigation/Item.tsx +++ b/components/cms/navigation/Item.tsx @@ -8,7 +8,7 @@ export function Item({ item, onClick }: { item: NavItem; onClick?: () => void }) return ( diff --git a/components/hero/hero.tsx b/components/hero/hero.tsx index 2c7a9b2..9f1ec4a 100644 --- a/components/hero/hero.tsx +++ b/components/hero/hero.tsx @@ -7,8 +7,8 @@ import type { JSX } from "react"; export function Hero(): JSX.Element { return ( -
-
+
+
Dein Verein für
diff --git a/components/match/SoccerMatchPreview.tsx b/components/match/SoccerMatchPreview.tsx index be1db7c..e50161c 100644 --- a/components/match/SoccerMatchPreview.tsx +++ b/components/match/SoccerMatchPreview.tsx @@ -30,7 +30,7 @@ export function SoccerMatchPreview({ match }: Props) { function Opponent({ team, align }: { team: Team; align: "left" | "right" }) { return (
diff --git a/components/match/SoccerMatchReport.tsx b/components/match/SoccerMatchReport.tsx index b46a3be..c311c18 100644 --- a/components/match/SoccerMatchReport.tsx +++ b/components/match/SoccerMatchReport.tsx @@ -14,7 +14,7 @@ export function SoccerMatchReport({ match }: Props) {
-
+
{match.competition?.name} ⋅ {match.competition?.round} @@ -35,7 +35,7 @@ export function Opponent({ team, align }: { team: Team; align: "left" | "right"
{team.logo && {team.name}}
diff --git a/components/navigation/SmallScreenNavigation.tsx b/components/navigation/SmallScreenNavigation.tsx index 145ba4a..a8d6486 100644 --- a/components/navigation/SmallScreenNavigation.tsx +++ b/components/navigation/SmallScreenNavigation.tsx @@ -66,18 +66,14 @@ function ListItem({ item, onClick }: { item: MenuItem; onClick: () => void }) { return (
  • - + {item.name} {item.new && } {item.subMenu && (