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">
<Link
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
</Link>
<h1 className="font-[family-name:var(--font-title)] text-3xl font-semibold text-foreground pt-2">
@@ -102,12 +102,12 @@ function SignOutSection() {
type="button"
onClick={onSignOut}
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"}
</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>
</li>
</ul>
@@ -126,11 +126,11 @@ function Section({
return (
<section className="space-y-4">
<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}
</h2>
{description ? (
<p className="text-base text-muted-foreground mt-1">{description}</p>
<p className="text-sm text-muted-foreground mt-1">{description}</p>
) : null}
</div>
<div>{children}</div>
@@ -186,7 +186,7 @@ function AuthenticationSection() {
return (
<a
href={startOAuth(provider)}
className="text-base font-medium text-primary hover:underline"
className="text-sm font-medium text-primary hover:underline"
>
Connect
</a>
@@ -222,7 +222,7 @@ function AuthenticationSection() {
<button
type="button"
onClick={() => setEmailModalOpen(true)}
className="text-base font-medium text-primary hover:underline"
className="text-sm font-medium text-primary hover:underline"
>
Add email
</button>
@@ -238,7 +238,7 @@ function AuthenticationSection() {
<button
type="button"
onClick={() => setPwModalOpen(true)}
className="text-base font-medium text-primary hover:underline"
className="text-sm font-medium text-primary hover:underline"
>
Change
</button>
@@ -291,13 +291,13 @@ function VerifyEmailRow({ email }: { email: string }) {
}
action={
sent ? (
<span className="text-base text-muted-foreground">Sent</span>
<span className="text-sm text-muted-foreground">Sent</span>
) : (
<button
type="button"
onClick={onResend}
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"}
</button>
@@ -329,7 +329,7 @@ function LinkResult() {
if (status === "ok") {
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" />
Connected your {name} account.
</p>
@@ -337,7 +337,7 @@ function LinkResult() {
}
if (status === "claimed") {
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" />
That {name} account is already linked to another Prabhupāda Says
account.
@@ -345,7 +345,7 @@ function LinkResult() {
);
}
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" />
Couldn&apos;t connect your {name} account. Please try again.
</p>
@@ -354,8 +354,8 @@ function LinkResult() {
function ConnectedPill() {
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">
<Check className="size-3.5" />
<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" />
Connected
</span>
);
@@ -378,12 +378,12 @@ function LegalLink({ href, label }: { href: string; label: string }) {
<li>
<Link
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}
</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>
</li>
);
@@ -394,7 +394,7 @@ function LegalLink({ href, label }: { href: string; label: string }) {
function GoogleGlyph() {
return (
<svg
className="size-5"
className="size-4"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden
@@ -422,7 +422,7 @@ function GoogleGlyph() {
function FacebookGlyph() {
return (
<svg
className="size-5"
className="size-4"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden
@@ -447,14 +447,14 @@ function Row({
action: React.ReactNode;
}) {
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="flex items-center gap-2.5">
<div className="flex items-center gap-2">
{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>
{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}
</div>
<div className="shrink-0">{action}</div>