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 { baseOptions } from "@/app/layout.config";
import { SpecialSponsorBanner } from "@/components/special-sponsor-banner";
@@ -14,5 +14,9 @@ const docsOptions: DocsLayoutProps = {
};
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) {
return (
<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) => (
<div
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>
@@ -61,7 +61,7 @@ export function SpecialSponsorBanner() {
return (
<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) => {
const displayName = entry.sponsor.name || entry.sponsor.login;
const imgSrc = entry.sponsor.customLogoUrl || entry.sponsor.avatarUrl;
@@ -87,9 +87,9 @@ export function SpecialSponsorBanner() {
<Image
src={imgSrc}
alt={displayName}
width={36}
height={36}
className="rounded border border-border"
width={66}
height={66}
className="size-12 rounded border border-border"
unoptimized
/>
</a>