apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-23 19:05:16 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor: enhance layout structure by introducing WorkspacePanel and updating component styles

Browse source
This commit is contained in:
Anish Sarkar 2026-05-17 03:17:12 +05:30
parent bd1d1c42a7
commit a49ee05456
6 changed files with 107 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

56
surfsense_web/app/dashboard/[search_space_id]/buy-more/page.tsx
View file

@ -18,35 +18,33 @@ export default function BuyMorePage() {
const [activeTab, setActiveTab] = useState<TabId>("pages");
return (
<div className="flex min-h-[calc(100vh-64px)] select-none items-center justify-center px-4 py-8">
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.3 }}
className="w-full max-w-md space-y-6"
>
<div className="flex items-center justify-center rounded-lg border bg-muted/30 p-1">
{TABS.map((tab) => (
<Button
key={tab.id}
type="button"
variant="ghost"
size="sm"
onClick={() => setActiveTab(tab.id)}
className={cn(
"h-auto flex-1 px-3 py-1.5 text-sm",
activeTab === tab.id
? "bg-background text-foreground shadow-sm"
: "text-muted-foreground hover:text-accent-foreground"
)}
>
{tab.label}
</Button>
))}
</div>
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.3 }}
className="w-full select-none space-y-6"
>
<div className="flex items-center justify-center rounded-lg border bg-muted/30 p-1">
{TABS.map((tab) => (
<Button
key={tab.id}
type="button"
variant="ghost"
size="sm"
onClick={() => setActiveTab(tab.id)}
className={cn(
"h-auto flex-1 px-3 py-1.5 text-sm",
activeTab === tab.id
? "bg-background text-foreground shadow-sm"
: "text-muted-foreground hover:text-accent-foreground"
)}
>
{tab.label}
</Button>
))}
</div>
{activeTab === "pages" ? <BuyPagesContent /> : <BuyTokensContent />}
</motion.div>
</div>
{activeTab === "pages" ? <BuyPagesContent /> : <BuyTokensContent />}
</motion.div>
);
}

18
surfsense_web/app/dashboard/[search_space_id]/more-pages/page.tsx
View file

@ -5,15 +5,13 @@ import { MorePagesContent } from "@/components/settings/more-pages-content";
export default function MorePagesPage() {
return (
<div className="flex min-h-[calc(100vh-64px)] select-none items-center justify-center px-4 py-8">
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.3 }}
className="w-full max-w-md space-y-6"
>
<MorePagesContent />
</motion.div>
</div>
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.3 }}
className="w-full select-none space-y-6"
>
<MorePagesContent />
</motion.div>
);
}