krispire/spsays-training
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: font size revert

Browse Source
This commit is contained in:
gosangam
2026-06-02 23:51:42 +05:30
parent 0bcda5a791
commit fd333159f6
1 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(app)/settings/page.tsx
+26 -26
View File
@@ -39,9 +39,9 @@ export default function SettingsPage() {
<header className="space-y-1"> <header className="space-y-1">
<Link <Link
href="/u/me" href="/u/me"
className="inline-flex items-center gap-1 text-base text-muted-foreground hover:text-foreground transition-colors" className="inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors"
> >
<ChevronLeft className="size-5" /> <ChevronLeft className="size-4" />
Back to profile Back to profile
</Link> </Link>
<h1 className="font-[family-name:var(--font-title)] text-3xl font-semibold text-foreground pt-2"> <h1 className="font-[family-name:var(--font-title)] text-3xl font-semibold text-foreground pt-2">
@@ -102,12 +102,12 @@ function SignOutSection() {
type="button" type="button"
onClick={onSignOut} onClick={onSignOut}
disabled={busy} disabled={busy}
className="w-full flex items-center justify-between py-3.5 group disabled:opacity-60" className="w-full flex items-center justify-between py-3 group disabled:opacity-60"
> >
<span className="text-base text-foreground group-hover:text-primary transition-colors"> <span className="text-sm text-foreground group-hover:text-primary transition-colors">
{busy ? "Signing out…" : "Sign out from this device"} {busy ? "Signing out…" : "Sign out from this device"}
</span> </span>
<LogOut className="size-5 text-muted-foreground group-hover:text-foreground transition-colors" /> <LogOut className="size-4 text-muted-foreground group-hover:text-foreground transition-colors" />
</button> </button>
</li> </li>
</ul> </ul>
@@ -126,11 +126,11 @@ function Section({
return ( return (
<section className="space-y-4"> <section className="space-y-4">
<div className="border-b border-border pb-3"> <div className="border-b border-border pb-3">
<h2 className="font-[family-name:var(--font-title)] text-2xl font-semibold text-foreground"> <h2 className="font-[family-name:var(--font-title)] text-xl font-semibold text-foreground">
{title} {title}
</h2> </h2>
{description ? ( {description ? (
<p className="text-base text-muted-foreground mt-1">{description}</p> <p className="text-sm text-muted-foreground mt-1">{description}</p>
) : null} ) : null}
</div> </div>
<div>{children}</div> <div>{children}</div>
@@ -186,7 +186,7 @@ function AuthenticationSection() {
return ( return (
<a <a
href={startOAuth(provider)} href={startOAuth(provider)}
className="text-base font-medium text-primary hover:underline" className="text-sm font-medium text-primary hover:underline"
> >
Connect Connect
</a> </a>
@@ -222,7 +222,7 @@ function AuthenticationSection() {
<button <button
type="button" type="button"
onClick={() => setEmailModalOpen(true)} onClick={() => setEmailModalOpen(true)}
className="text-base font-medium text-primary hover:underline" className="text-sm font-medium text-primary hover:underline"
> >
Add email Add email
</button> </button>
@@ -238,7 +238,7 @@ function AuthenticationSection() {
<button <button
type="button" type="button"
onClick={() => setPwModalOpen(true)} onClick={() => setPwModalOpen(true)}
className="text-base font-medium text-primary hover:underline" className="text-sm font-medium text-primary hover:underline"
> >
Change Change
</button> </button>
@@ -291,13 +291,13 @@ function VerifyEmailRow({ email }: { email: string }) {
} }
action={ action={
sent ? ( sent ? (
<span className="text-base text-muted-foreground">Sent</span> <span className="text-sm text-muted-foreground">Sent</span>
) : ( ) : (
<button <button
type="button" type="button"
onClick={onResend} onClick={onResend}
disabled={busy} disabled={busy}
className="text-base font-medium text-primary hover:underline disabled:opacity-60" className="text-sm font-medium text-primary hover:underline disabled:opacity-60"
> >
{busy ? "Sending…" : "Resend"} {busy ? "Sending…" : "Resend"}
</button> </button>
@@ -329,7 +329,7 @@ function LinkResult() {
if (status === "ok") { if (status === "ok") {
return ( return (
<p className="mb-4 inline-flex items-center gap-2 rounded-md bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 px-3 py-2 text-base"> <p className="mb-4 inline-flex items-center gap-2 rounded-md bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 px-3 py-2 text-sm">
<Check className="size-4" /> <Check className="size-4" />
Connected your {name} account. Connected your {name} account.
</p> </p>
@@ -337,7 +337,7 @@ function LinkResult() {
} }
if (status === "claimed") { if (status === "claimed") {
return ( return (
<p className="mb-4 inline-flex items-center gap-2 rounded-md bg-destructive/10 text-destructive px-3 py-2 text-base"> <p className="mb-4 inline-flex items-center gap-2 rounded-md bg-destructive/10 text-destructive px-3 py-2 text-sm">
<AlertCircle className="size-4" /> <AlertCircle className="size-4" />
That {name} account is already linked to another Prabhupāda Says That {name} account is already linked to another Prabhupāda Says
account. account.
@@ -345,7 +345,7 @@ function LinkResult() {
); );
} }
return ( return (
<p className="mb-4 inline-flex items-center gap-2 rounded-md bg-destructive/10 text-destructive px-3 py-2 text-base"> <p className="mb-4 inline-flex items-center gap-2 rounded-md bg-destructive/10 text-destructive px-3 py-2 text-sm">
<AlertCircle className="size-4" /> <AlertCircle className="size-4" />
Couldn&apos;t connect your {name} account. Please try again. Couldn&apos;t connect your {name} account. Please try again.
</p> </p>
@@ -354,8 +354,8 @@ function LinkResult() {
function ConnectedPill() { function ConnectedPill() {
return ( return (
<span className="inline-flex items-center gap-1 rounded-full bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 px-2.5 py-0.5 text-sm font-medium"> <span className="inline-flex items-center gap-1 rounded-full bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 px-2 py-0.5 text-xs font-medium">
<Check className="size-3.5" /> <Check className="size-3" />
Connected Connected
</span> </span>
); );
@@ -378,12 +378,12 @@ function LegalLink({ href, label }: { href: string; label: string }) {
<li> <li>
<Link <Link
href={href} href={href}
className="flex items-center justify-between py-3.5 group" className="flex items-center justify-between py-3 group"
> >
<span className="text-base text-foreground group-hover:text-primary transition-colors"> <span className="text-sm text-foreground group-hover:text-primary transition-colors">
{label} {label}
</span> </span>
<ChevronRight className="size-5 text-muted-foreground group-hover:text-foreground transition-colors" /> <ChevronRight className="size-4 text-muted-foreground group-hover:text-foreground transition-colors" />
</Link> </Link>
</li> </li>
); );
@@ -394,7 +394,7 @@ function LegalLink({ href, label }: { href: string; label: string }) {
function GoogleGlyph() { function GoogleGlyph() {
return ( return (
<svg <svg
className="size-5" className="size-4"
viewBox="0 0 24 24" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
aria-hidden aria-hidden
@@ -422,7 +422,7 @@ function GoogleGlyph() {
function FacebookGlyph() { function FacebookGlyph() {
return ( return (
<svg <svg
className="size-5" className="size-4"
viewBox="0 0 24 24" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
aria-hidden aria-hidden
@@ -447,14 +447,14 @@ function Row({
action: React.ReactNode; action: React.ReactNode;
}) { }) {
return ( return (
<li className="flex items-center justify-between gap-4 py-3.5"> <li className="flex items-center justify-between gap-4 py-3">
<div className="min-w-0"> <div className="min-w-0">
<div className="flex items-center gap-2.5"> <div className="flex items-center gap-2">
{icon ? <span className="shrink-0">{icon}</span> : null} {icon ? <span className="shrink-0">{icon}</span> : null}
<span className="text-base text-foreground truncate">{label}</span> <span className="text-sm text-foreground truncate">{label}</span>
</div> </div>
{description ? ( {description ? (
<p className="text-sm text-muted-foreground mt-1">{description}</p> <p className="text-xs text-muted-foreground mt-0.5">{description}</p>
) : null} ) : null}
</div> </div>
<div className="shrink-0">{action}</div> <div className="shrink-0">{action}</div>