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

fix: fix authorize app initial box not being a box

Browse Source
This commit is contained in:
Stavros
2026-03-02 15:50:08 +02:00
parent 27d14d6b21
commit 06a26e976b
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/pages/authorize-page.tsx
View File

@@ -155,7 +155,7 @@ export const AuthorizePage = () => {
<Card>
<CardHeader className="mb-2">
<div className="flex flex-col gap-3 items-center justify-center text-center">
<div className="bg-accent-foreground text-muted text-xl font-bold font-sans rounded-lg px-4 py-3">
<div className="bg-accent-foreground box-content text-muted text-xl font-bold font-sans rounded-lg size-10 p-2 flex items-center justify-center">
{getClientInfo.data?.name.slice(0, 1)}
</div>
<CardTitle className="text-xl">
@@ -170,8 +170,8 @@ export const AuthorizePage = () => {
</CardDescription>
</div>
</CardHeader>
<CardContent className="mb-2">
{scopes.includes("openid") && (
{scopes.includes("openid") && (
<CardContent className="mb-2">
<div className="flex flex-wrap gap-2 items-center justify-center">
{scopes.map((id) => {
const scope = scopeMap.find((s) => s.id === id);
@@ -189,8 +189,8 @@ export const AuthorizePage = () => {
);
})}
</div>
)}
</CardContent>
</CardContent>
)}
<CardFooter className="flex flex-col items-stretch gap-3">
<Button
onClick={() => authorizeMutation.mutate()}

12
frontend/src/pages/login-page.tsx
View File

@@ -258,13 +258,13 @@ export const LoginPage = () => {
/>
)}
{providers.length == 0 && (
<p className="text-center text-red-600 max-w-sm">
<pre className="break-normal! text-sm text-red-600">
{t("failedToFetchProvidersTitle")}
</p>
</pre>
)}
</CardContent>
<CardFooter>
{userAuthConfigured && (
{userAuthConfigured && (
<CardFooter>
<Button
className="w-full"
type="submit"
@@ -273,8 +273,8 @@ export const LoginPage = () => {
>
{t("loginSubmit")}
</Button>
)}
</CardFooter>
</CardFooter>
)}
</Card>
);
};