firmanr/titipin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

style: apply consistent code formatting across project files

Browse Source
This commit is contained in:
Firman Ramdhani
2026-09-16 13:14:02 +07:00
parent d5791e759e
commit 51d05653c6
48 changed files with 3585 additions and 2575 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/(app)/settings/layout.tsx
+9 -9
View File
@@ -14,10 +14,10 @@ export default function SettingsLayout({ children }: { children: React.ReactNode
]
return (
<div className="space-y-6 animate-in fade-in duration-500 pb-12">
<div className="animate-in fade-in space-y-6 pb-12 duration-500">
{/* Settings Navigation Tabs */}
<div className="flex flex-col md:flex-row items-start md:items-center gap-4 bg-white dark:bg-slate-900 p-4 rounded-2xl border border-slate-200/80 dark:border-slate-800 shadow-sm overflow-x-auto">
<div className="flex items-center bg-slate-100 dark:bg-slate-800/80 p-1 rounded-xl text-xs font-bold w-full md:w-auto">
<div className="flex flex-col items-start gap-4 overflow-x-auto rounded-2xl border border-slate-200/80 bg-white p-4 shadow-sm md:flex-row md:items-center dark:border-slate-800 dark:bg-slate-900">
<div className="flex w-full items-center rounded-xl bg-slate-100 p-1 text-xs font-bold md:w-auto dark:bg-slate-800/80">
{tabs.map((tab) => {
const isActive = pathname === tab.href
const Icon = tab.icon
@@ -26,13 +26,13 @@ export default function SettingsLayout({ children }: { children: React.ReactNode
key={tab.href}
href={tab.href}
className={cn(
"flex items-center gap-2 px-4 py-2 rounded-lg transition-all duration-200 whitespace-nowrap",
isActive
? "bg-white dark:bg-slate-900 text-[#1B2CC1] dark:text-blue-400 shadow-sm font-black"
: "text-slate-500 hover:text-slate-900 dark:hover:text-white"
'flex items-center gap-2 rounded-lg px-4 py-2 whitespace-nowrap transition-all duration-200',
isActive
? 'bg-white font-black text-[#1B2CC1] shadow-sm dark:bg-slate-900 dark:text-blue-400'
: 'text-slate-500 hover:text-slate-900 dark:hover:text-white'
)}
>
<Icon className="w-4 h-4" />
<Icon className="h-4 w-4" />
{tab.name}
</Link>
)
@@ -41,7 +41,7 @@ export default function SettingsLayout({ children }: { children: React.ReactNode
</div>
{/* Settings Content */}
<div className="bg-white dark:bg-slate-900 rounded-2xl border border-slate-200/80 dark:border-slate-800 shadow-sm overflow-hidden">
<div className="overflow-hidden rounded-2xl border border-slate-200/80 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900">
{children}
</div>
</div>