mirror/computer
1
0
Fork 0
mirror of https://github.com/trycua/computer.git synced 2026-05-02 21:21:45 -05:00
Code Issues Packages Projects Releases Wiki Activity

docs: update intro page with hero image and Geist font

Browse Source 
- Replace bg-light/bg-dark images with new hero.png
- Add "Welcome to Cua" header with sky accent color
- Switch from Inter to Geist/Geist Mono fonts
- Hide redundant "Introduction" title on home page
This commit is contained in:
f-trycua
2025-12-08 21:10:43 -08:00
parent ed831a42ec
commit 4023b191ca
5 changed files with 28 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/src/app/(home)/[[...slug]]/page.tsx
+1 -1
View File
@@ -200,7 +200,7 @@ export default async function Page(props: { params: Promise<{ slug?: string[] }>
<div className="flex flex-row w-full items-start">
<div className="flex-1">
<div className="flex flex-row w-full">
<DocsTitle>{page.data.title}</DocsTitle>
{slug.length > 0 && <DocsTitle>{page.data.title}</DocsTitle>}
<div className="ml-auto flex items-center gap-2">
{apiSection && versionItems.length > 1 && (
docs/src/app/global.css
+2
View File
@@ -9,6 +9,8 @@
--color-fd-ring: hsl(199, 89%, 48%); /* sky-500 */
--color-fd-muted: hsl(160, 84%, 95%); /* emerald-50 */
--color-fd-accent: hsl(152, 76%, 92%); /* emerald-100 */
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
}
.dark {
docs/src/app/layout.tsx
+9 -3
View File
@@ -1,6 +1,6 @@
import './global.css';
import { RootProvider } from 'fumadocs-ui/provider';
import { Inter } from 'next/font/google';
import { Geist, Geist_Mono } from 'next/font/google';
import type { ReactNode } from 'react';
import { PHProvider, PostHogPageView } from '@/providers/posthog-provider';
import { AnalyticsTracker } from '@/components/analytics-tracker';
@@ -8,13 +8,19 @@ import { CookieConsent } from '@/components/cookie-consent';
import { Footer } from '@/components/footer';
import { Suspense } from 'react';
const inter = Inter({
const geist = Geist({
subsets: ['latin'],
variable: '--font-geist-sans',
});
const geistMono = Geist_Mono({
subsets: ['latin'],
variable: '--font-geist-mono',
});
export default function Layout({ children }: { children: ReactNode }) {
return (
<html lang="en" className={inter.className} suppressHydrationWarning>
<html lang="en" className={`${geist.variable} ${geistMono.variable} font-sans`} suppressHydrationWarning>
<head>
<link rel="icon" href="/docs/favicon.ico" sizes="any" />
</head>