fix(site): stretch docs sidebar on desktop to prevent safari visual bug

where, behind the sidebar, the docs sidebar's texture interfered with the sitewide texture
This commit is contained in:
Darius Cepulis
2025-11-03 12:40:07 -06:00
parent 67b909112d
commit 7b74f3475d
2 changed files with 6 additions and 4 deletions
+4 -2
View File
@@ -5,18 +5,20 @@ import { PreferenceUpdater } from '@/components/docs/PreferenceUpdater';
import SidebarItem from '@/components/docs/SidebarItem.astro';
import { filterSidebar } from '@/utils/docs/sidebar';
import FilmGrain from '../FilmGrain';
import clsx from 'clsx';
type Props<F extends SupportedFramework = SupportedFramework> = {
framework: F;
style: SupportedStyle<F>;
docTitles: Map<string, string>;
class?: string;
};
const { framework, style, docTitles } = Astro.props;
const { framework, style, docTitles, class: className } = Astro.props;
const filteredSidebar = filterSidebar(framework, style);
---
<div class="bg-light-80 dark:bg-dark-100">
<div class={clsx('bg-light-80 dark:bg-dark-100', className)}>
<slot />
<PreferenceUpdater client:idle currentFramework={framework} currentStyle={style} />
<nav class="p-6">