barbercollie/tinyauth
1
0
Fork 1
mirror of https://github.com/steveiliop56/tinyauth.git synced 2026-03-07 23:32:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: card title and layout tweaks (#675)

Browse Source 
* refactor: card title and layout tweaks

* chore: review comments

* refactor: update domain warning screen
This commit is contained in:
Stavros
2026-03-01 13:36:43 +02:00
committed by GitHub
parent 89da4028bb
commit d0e39c6149
20 changed files with 356 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/pages/continue-page.tsx
View File

@@ -93,9 +93,9 @@ export const ContinuePage = () => {
if (showUntrustedWarning) {
return (
<Card role="alert" aria-live="assertive" className="min-w-xs sm:min-w-sm">
<CardHeader>
<CardTitle className="text-3xl">
<Card role="alert" aria-live="assertive">
<CardHeader className="gap-1.5">
<CardTitle className="text-xl">
{t("continueUntrustedRedirectTitle")}
</CardTitle>
<CardDescription>
@@ -110,7 +110,7 @@ export const ContinuePage = () => {
/>
</CardDescription>
</CardHeader>
<CardFooter className="flex flex-col items-stretch gap-2">
<CardFooter className="flex flex-col items-stretch gap-3">
<Button
onClick={handleRedirect}
loading={isLoading}
@@ -132,9 +132,9 @@ export const ContinuePage = () => {
if (showInsecureWarning) {
return (
<Card role="alert" aria-live="assertive" className="min-w-xs sm:min-w-sm">
<CardHeader>
<CardTitle className="text-3xl">
<Card role="alert" aria-live="assertive">
<CardHeader className="gap-1.5">
<CardTitle className="text-xl">
{t("continueInsecureRedirectTitle")}
</CardTitle>
<CardDescription>
@@ -147,7 +147,7 @@ export const ContinuePage = () => {
/>
</CardDescription>
</CardHeader>
<CardFooter className="flex flex-col items-stretch gap-2">
<CardFooter className="flex flex-col items-stretch gap-3">
<Button
onClick={handleRedirect}
loading={isLoading}
@@ -168,16 +168,16 @@ export const ContinuePage = () => {
}
return (
<Card className="min-w-xs sm:min-w-sm">
<CardHeader>
<CardTitle className="text-3xl">
<Card>
<CardHeader className="gap-1.5">
<CardTitle className="text-xl">
{t("continueRedirectingTitle")}
</CardTitle>
<CardDescription>{t("continueRedirectingSubtitle")}</CardDescription>
</CardHeader>
{showRedirectButton && (
<CardFooter className="flex flex-col items-stretch">
<Button onClick={handleRedirect}>
<CardFooter>
<Button className="w-full" onClick={handleRedirect}>
{t("continueRedirectManually")}
</Button>
</CardFooter>