Skip to content

Commit 1d36de2

Browse files
waleedlatif1waleedlatif1
committed
updated docs styling, added FAQs, updated content
1 parent b2919ba commit 1d36de2

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

61 files changed

+1187
-177
lines changed

‎apps/docs/app/[lang]/layout.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ import {
1010
SidebarSeparator,
1111
} from '@/components/docs-layout/sidebar-components'
1212
import { Navbar } from '@/components/navbar/navbar'
13+
import { AnimatedBlocks } from '@/components/ui/animated-blocks'
1314
import { SimLogoFull } from '@/components/ui/sim-logo'
1415
import { i18n } from '@/lib/i18n'
1516
import { source } from '@/lib/source'
@@ -102,6 +103,7 @@ export default async function Layout({ children, params }: LayoutProps) {
102103
</head>
103104
<body className='flex min-h-screen flex-col font-sans'>
104105
<Script src='https://assets.onedollarstats.com/stonks.js' strategy='lazyOnload' />
106+
<AnimatedBlocks />
105107
<RootProvider i18n={provider(lang)}>
106108
<Navbar />
107109
<DocsLayout

‎apps/docs/app/global.css‎

Lines changed: 29 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -9,13 +9,24 @@ body {
99
overscroll-behavior: none;
1010
}
1111

12-
/* Reserve scrollbar space to prevent layout jitter between pages */
13-
html {
14-
scrollbar-gutter: stable;
12+
/* Prevent modals/dialogs from shifting layout via scroll-lock compensation */
13+
html,
14+
body {
15+
padding-right: 0 !important;
16+
margin-right: 0 !important;
1517
}
1618

1719
@theme {
18-
--color-fd-primary: #33c482;
20+
--color-fd-primary: var(--color-fd-foreground);
21+
}
22+
23+
/* Match landing page dark background (#1b1b1b) */
24+
.dark {
25+
--color-fd-background: hsl(0, 0%, 10.6%) !important;
26+
--color-fd-card: hsl(0, 0%, 13%) !important;
27+
--color-fd-popover: hsl(0, 0%, 14%) !important;
28+
--color-fd-secondary: hsl(0, 0%, 15.5%) !important;
29+
--color-fd-muted: hsl(0, 0%, 18%) !important;
1930
}
2031

2132
/* Font family utilities */
@@ -32,7 +43,7 @@ html {
3243
:root {
3344
--fd-border: transparent !important;
3445
--fd-border-sidebar: transparent !important;
35-
--fd-nav-height: 94px; /* Custom navbar height (52px top + 42px tabs) */
46+
--fd-nav-height: 93px; /* Custom navbar height (52px top + 1px divider + 40px tabs) */
3647
/* Content container width used to center main content */
3748
--spacing-fd-container: 1400px;
3849
/* Edge gutter = leftover space on each side of centered container */
@@ -48,27 +59,25 @@ html {
4859
--content-gap: 1.75rem;
4960
}
5061

51-
/* Light mode navbar and search styling */
62+
/* Light mode navbar background */
5263
:root:not(.dark) nav {
5364
background-color: hsla(0, 0%, 96%, 0.85) !important;
5465
}
5566

56-
:root:not(.dark) nav button[type="button"] {
57-
background-color: hsla(0, 0%, 93%, 0.85) !important;
58-
backdrop-filter: blur(33px) saturate(180%) !important;
59-
-webkit-backdrop-filter: blur(33px) saturate(180%) !important;
60-
color: rgba(0, 0, 0, 0.6) !important;
67+
/* Dark mode navbar background */
68+
:root.dark nav {
69+
background-color: hsla(0, 0%, 10.6%, 0.92) !important;
6170
}
6271

63-
:root:not(.dark) nav button[type="button"] kbd {
64-
color: rgba(0, 0, 0, 0.6) !important;
72+
:root.dark nav button[type="button"] {
73+
background-color: hsla(0, 0%, 15%, 0.85) !important;
74+
backdrop-filter: blur(33px) saturate(180%) !important;
75+
-webkit-backdrop-filter: blur(33px) saturate(180%) !important;
76+
color: rgba(255, 255, 255, 0.5) !important;
6577
}
6678

67-
/* Dark mode navbar and search styling */
68-
:root.dark nav {
69-
background-color: hsla(0, 0%, 7.04%, 0.92) !important;
70-
backdrop-filter: blur(25px) saturate(180%) brightness(0.6) !important;
71-
-webkit-backdrop-filter: blur(25px) saturate(180%) brightness(0.6) !important;
79+
:root.dark nav button[type="button"] kbd {
80+
color: rgba(255, 255, 255, 0.4) !important;
7281
}
7382

7483
/* Floating sidebar appearance - remove background */
@@ -121,11 +130,11 @@ aside#nd-sidebar {
121130
/* On mobile, let fumadocs handle the layout natively */
122131
@media (min-width: 1024px) {
123132
:root {
124-
--fd-banner-height: 94px !important; /* 52px top + 42px tabs */
133+
--fd-banner-height: 93px !important; /* 52px top + 1px divider + 40px tabs */
125134
}
126135

127136
#nd-docs-layout {
128-
--fd-docs-height: calc(100dvh - 94px) !important; /* 52px top + 42px tabs */
137+
--fd-docs-height: calc(100dvh - 93px) !important; /* 52px top + 1px divider + 40px tabs */
129138
--fd-sidebar-width: 300px !important;
130139
margin-left: var(--sidebar-offset) !important;
131140
margin-right: var(--toc-offset) !important;

‎apps/docs/components/docs-layout/toc-footer.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ export function TOCFooter() {
1818
href='https://sim.ai/signup'
1919
target='_blank'
2020
rel='noopener noreferrer'
21-
className='group mt-2 inline-flex h-8 w-fit items-center justify-center gap-1 whitespace-nowrap rounded-[10px] border border-[#2AAD6C] bg-gradient-to-b from-[#3ED990] to-[#2AAD6C] px-3 pr-[10px] pl-[12px] font-medium text-sm text-white shadow-[inset_0_2px_4px_0_#5EE8A8] outline-none transition-all hover:shadow-lg focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50'
21+
className='group mt-2 inline-flex h-8 w-fit items-center justify-center gap-2 whitespace-nowrap rounded-[5px] border border-[#33C482] bg-[#33C482] px-[10px] font-medium text-black text-sm outline-none transition-[filter] hover:brightness-110 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50'
2222
aria-label='Get started with Sim - Sign up for free'
2323
>
2424
<span>Get started</span>

‎apps/docs/components/navbar/navbar.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ export function Navbar() {
3232
<div className='hidden w-full flex-col lg:flex'>
3333
{/* Top row: logo, search, controls */}
3434
<div
35-
className='flex h-[52px] w-full items-center justify-between'
35+
className='relative flex h-[52px] w-full items-center justify-between'
3636
style={{
3737
paddingLeft: 'calc(var(--sidebar-offset) + 32px)',
3838
paddingRight: 'calc(var(--toc-offset) + 60px)',
@@ -64,7 +64,7 @@ export function Navbar() {
6464

6565
{/* Bottom row: navigation tabs — border on row, tabs overlap it */}
6666
<div
67-
className='flex h-[42px] items-stretch gap-6 border-border/20 border-b'
67+
className='flex h-[40px] items-stretch gap-6 border-border/20 border-b'
6868
style={{
6969
paddingLeft: 'calc(var(--sidebar-offset) + 32px)',
7070
}}

0 commit comments

Comments
 (0)