72f234027c
- Updated padding and radius styles in LeftPanelTargetFilters and LeftPanelFavorites for improved layout consistency. - Introduced LeftPanelDocContent component to display document details when navigating to specific documentation pages. - Enhanced LeftPanelContent to conditionally render LeftPanelDocContent based on the current route. - Adjusted LeftPanelHeader button colors for better visual hierarchy. - Refactored MainLayout padding for a more responsive design.
26 lines
657 B
TypeScript
26 lines
657 B
TypeScript
import { Box, SeparatedSection } from '@/components';
|
|
import { useDocStore } from '@/features/docs';
|
|
import { SimpleDocItem } from '@/features/docs/docs-grid/components/SimpleDocItem';
|
|
|
|
export const LeftPanelDocContent = () => {
|
|
const { currentDoc } = useDocStore();
|
|
|
|
if (!currentDoc) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Box
|
|
$flex={1}
|
|
$width="100%"
|
|
$css="width: 100%; overflow-y: auto; overflow-x: hidden;"
|
|
>
|
|
<SeparatedSection showSeparator={false}>
|
|
<Box $padding={{ horizontal: 'sm' }}>
|
|
<SimpleDocItem doc={currentDoc} showAccesses={true} />
|
|
</Box>
|
|
</SeparatedSection>
|
|
</Box>
|
|
);
|
|
};
|