style: implement new navigation

This commit is contained in:
Scott Wilson
2025-10-15 18:06:34 -07:00
parent d00c9e422f
commit 4af3f6fc3f
116 changed files with 2644 additions and 2952 deletions
@@ -16,16 +16,20 @@ export const SettingsPage = () => {
<Helmet>
<title>{t("common.head-title", { title: t("settings.project.title") })}</title>
</Helmet>
<div className="w-full max-w-7xl">
<div className="w-full max-w-8xl">
<PageHeader
scope="project"
title="Settings"
description="Configure your SSH product's configurations."
/>
<Tabs defaultValue="tab-project-general">
<Tabs orientation="vertical" defaultValue="tab-project-general">
<TabList>
<Tab value="tab-project-general">General</Tab>
<Tab value="tab-ssh-settings">SSH Settings</Tab>
<Tab variant="project" value="tab-project-general">
General
</Tab>
<Tab variant="project" value="tab-ssh-settings">
SSH Settings
</Tab>
</TabList>
<TabPanel value="tab-project-general">
<ProjectGeneralTab />