Merge pull request #468 from sei-protocol/sidebar

Navbar, Sidebar size decrease, remove support button

Author: alexander-sei

app/globals.css

@@ -377,3 +377,67 @@ aside,
 .dark .nextra-callout[class*='border-orange'] svg {
 	color: rgba(253, 186, 116, 0.92) !important;
 }
+
+/* Sidebar Compactness Overrides */
+
+/* Reduce vertical padding for sidebar links */
+.nextra-sidebar ul li a,
+.nextra-sidebar ul li button,
+.nextra-mobile-nav ul li a,
+.nextra-mobile-nav ul li button {
+	padding-top: 0.1rem !important;
+	padding-bottom: 0.1rem !important;
+	padding-left: 0.45rem !important;
+	padding-right: 0.2rem !important;
+}
+
+/* Reduce vertical spacing for section separators/headers */
+.nextra-sidebar-separator {
+	margin-top: 1rem !important;
+	margin-bottom: 0.5rem !important;
+}
+
+/* Reduce general spacing in the sidebar */
+.nextra-sidebar ul {
+	gap: 0.25rem;
+}
+
+.nextra-sidebar .nextra-scrollbar,
+.nextra-mobile-nav .nextra-scrollbar {
+	padding-left: 0.75rem !important;
+	padding-right: 0.2rem !important;
+}
+
+@media (min-width: 768px) {
+	.nextra-sidebar[class*='x:w-64'] {
+		width: var(--sei-docs-sidebar-width, 13rem) !important;
+		min-width: var(--sei-docs-sidebar-width, 13rem) !important;
+		max-width: var(--sei-docs-sidebar-width, 13rem) !important;
+		flex-basis: var(--sei-docs-sidebar-width, 13rem) !important;
+	}
+
+	.nextra-sidebar[class*='x:w-20'] {
+		width: var(--sei-docs-sidebar-width-collapsed, 4.5rem) !important;
+		min-width: var(--sei-docs-sidebar-width-collapsed, 4.5rem) !important;
+		max-width: var(--sei-docs-sidebar-width-collapsed, 4.5rem) !important;
+		flex-basis: var(--sei-docs-sidebar-width-collapsed, 4.5rem) !important;
+	}
+
+	.nextra-sidebar ~ article {
+		padding-left: 1.5rem !important;
+		padding-right: 1.5rem !important;
+	}
+}
+
+@media (max-width: 767px) {
+	.nextra-mobile-nav {
+		inset: 0 auto 0 0 !important;
+		width: var(--sei-docs-mobile-nav-width, min(86vw, 20rem)) !important;
+		max-width: 20rem !important;
+		border-right: 1px solid rgba(0, 0, 0, 0.08);
+	}
+
+	.dark .nextra-mobile-nav {
+		border-right-color: rgba(255, 255, 255, 0.08);
+	}
+}

src/providers/DocsProviders.tsx

@@ -46,14 +46,6 @@ export default function DocsProviders({ children, pageMap }) {
 						<>
 							<div className='flex items-center gap-2'>
 								<AskAIAssistant />
-								<a
-									href='https://support.sei.io/hc/en-us'
-									target='_blank'
-									rel='noopener noreferrer'
-									className='text-sm hover:text-neutral-700 dark:hover:text-neutral-300 transition-colors'
-									style={{ textDecoration: 'none' }}>
-									Support
-								</a>
 								<SearchDynamic placeholder='Search docs...' />
 							</div>
 						</>
@@ -71,14 +63,6 @@ export default function DocsProviders({ children, pageMap }) {
 						<div className='flex-grow flex justify-start'>
 							<AskAIAssistant />
 						</div>
-						<a
-							href='https://support.sei.io/hc/en-us'
-							target='_blank'
-							rel='noopener noreferrer'
-							className='text-sm hover:text-neutral-700 dark:hover:text-neutral-300 transition-colors'
-							style={{ textDecoration: 'none' }}>
-							Support
-						</a>
 						<SearchDynamic placeholder='Search docs...' />
 						{isHomepage && <ThemeSwitch />}
 					</div>