CodeCow/stack
1
0
Fork 0
mirror of https://github.com/stack-auth/stack.git synced 2026-06-13 21:01:21 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Add account settings page layout and section primitives.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Developing-Gamer 2026-05-27 12:47:44 -07:00
parent a2feba08dd
commit 9fb289d5a0
2 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/dashboard/src/components/dashboard-account-settings/page-layout.tsx Normal file
View File

@ -0,0 +1,9 @@
import React from "react";
export function PageLayout(props: { children: React.ReactNode }) {
return (
<div className='flex flex-col gap-4'>
{props.children}
</div>
);
}

21
apps/dashboard/src/components/dashboard-account-settings/section.tsx Normal file
View File

@ -0,0 +1,21 @@
import React from "react";
export function Section(props: { title: string, description?: string, children: React.ReactNode }) {
return (
<div className="border border-black/[0.08] dark:border-white/[0.08] bg-white/80 dark:bg-background/80 backdrop-blur-xl rounded-2xl p-6 shadow-sm ring-1 ring-black/[0.04] dark:ring-0 flex flex-col md:flex-row gap-4 items-start md:items-center justify-between transition-colors">
<div className="flex-1 flex flex-col justify-center min-w-0">
<h3 className="font-semibold text-base text-foreground leading-snug">
{props.title}
</h3>
{props.description && (
<p className="text-muted-foreground text-sm mt-1 leading-relaxed">
{props.description}
</p>
)}
</div>
<div className="w-full md:w-auto flex flex-col md:items-end justify-end shrink-0">
{props.children}
</div>
</div>
);
}