franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(web): update docs layout

Browse Source
This commit is contained in:
Aman Varshney
2025-08-13 02:47:21 +05:30
parent 2485befddb
commit c5701c392d
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/app/docs/layout.tsx
View File

@@ -1,4 +1,4 @@
import { DocsLayout, type DocsLayoutProps } from "fumadocs-ui/layouts/docs"; import { DocsLayout, type DocsLayoutProps } from "fumadocs-ui/layouts/notebook";
import type { ReactNode } from "react"; import type { ReactNode } from "react";
import { baseOptions } from "@/app/layout.config"; import { baseOptions } from "@/app/layout.config";
import { SpecialSponsorBanner } from "@/components/special-sponsor-banner"; import { SpecialSponsorBanner } from "@/components/special-sponsor-banner";
@@ -14,5 +14,9 @@ const docsOptions: DocsLayoutProps = {
}; };
export default function Layout({ children }: { children: ReactNode }) { export default function Layout({ children }: { children: ReactNode }) {
return <DocsLayout {...docsOptions}>{children}</DocsLayout>; return (
<DocsLayout {...docsOptions} nav={{ ...baseOptions.nav, mode: "top" }}>
{children}
</DocsLayout>
);
} }

12
apps/web/src/components/special-sponsor-banner.tsx
View File

@@ -43,11 +43,11 @@ export function SpecialSponsorBanner() {
if (loading) { if (loading) {
return ( return (
<div> <div>
<div className="flex items-center gap-2 py-1"> <div className="grid grid-cols-4 items-center gap-2 py-1">
{["s1", "s2", "s3", "s4"].map((key) => ( {["s1", "s2", "s3", "s4"].map((key) => (
<div <div
key={key} key={key}
className="h-9 w-9 animate-pulse rounded border border-border bg-muted" className="size-12 animate-pulse rounded border border-border bg-muted"
/> />
))} ))}
</div> </div>
@@ -61,7 +61,7 @@ export function SpecialSponsorBanner() {
return ( return (
<div> <div>
<div className="no-scrollbar flex items-center gap-2 overflow-x-auto whitespace-nowrap py-1"> <div className="no-scrollbar grid grid-cols-4 items-center gap-2 overflow-x-auto whitespace-nowrap py-1">
{specialSponsors.map((entry) => { {specialSponsors.map((entry) => {
const displayName = entry.sponsor.name || entry.sponsor.login; const displayName = entry.sponsor.name || entry.sponsor.login;
const imgSrc = entry.sponsor.customLogoUrl || entry.sponsor.avatarUrl; const imgSrc = entry.sponsor.customLogoUrl || entry.sponsor.avatarUrl;
@@ -87,9 +87,9 @@ export function SpecialSponsorBanner() {
<Image <Image
src={imgSrc} src={imgSrc}
alt={displayName} alt={displayName}
width={36} width={66}
height={36} height={66}
className="rounded border border-border" className="size-12 rounded border border-border"
unoptimized unoptimized
/> />
</a> </a>