Fix before bracket start alert on mobile not wrapping

This commit is contained in:
Kalle
2023-05-17 23:13:47 +03:00
parent 02abc0b99c
commit 1ee6a793e5

View File

@@ -128,7 +128,6 @@ export const loader = ({ params }: LoaderArgs) => {
};
};
// xxx: banner that shows for participants not mobile friendly
export default function TournamentBracketsPage() {
const user = useUser();
const data = useLoaderData<typeof loader>();
@@ -201,7 +200,11 @@ export default function TournamentBracketsPage() {
{!data.hasStarted && !lessThanTwoTeamsRegistered ? (
<Form method="post" className="stack items-center">
{!canAdminTournament({ user, event: parentRouteData.event }) ? (
<Alert variation="INFO" alertClassName="w-max">
<Alert
variation="INFO"
alertClassName="tournament-bracket__start-bracket-alert"
textClassName="stack horizontal md items-center text-center"
>
This bracket is a preview and subject to change
</Alert>
) : (