Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-13 16:22:59 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix sidebar padding on chikorita

Browse Source
This commit is contained in:
Amruth Pillai
2023-11-19 10:10:14 +01:00
parent 8b217dfcfa
commit bb28de7571
2 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
apps/artboard/src/templates/chikorita.tsx
View File

@ -501,26 +501,31 @@ export const Chikorita = ({ columns, isFirstPage = false }: TemplateProps) => {
const [main, sidebar] = columns;
return (
<div className="space-y-4">
{isFirstPage && <Header />}
<>
<div className="space-y-4">
{isFirstPage && <Header />}
<div className="relative z-10 grid grid-cols-3 space-x-8">
<div className="main group col-span-2 space-y-4">
{main.map((section) => (
<Fragment key={section}>{mapSectionToComponent(section)}</Fragment>
))}
</div>
<div className="relative z-10 grid grid-cols-3 space-x-8">
<div className="main group col-span-2 space-y-4">
{main.map((section) => (
<Fragment key={section}>{mapSectionToComponent(section)}</Fragment>
))}
</div>
<div className="sidebar group space-y-4 text-background">
{sidebar.map((section) => (
<Fragment key={section}>{mapSectionToComponent(section)}</Fragment>
))}
<div className="sidebar group space-y-4 text-background">
{sidebar.map((section) => (
<Fragment key={section}>{mapSectionToComponent(section)}</Fragment>
))}
</div>
</div>
</div>
<div className="absolute inset-0 grid grid-cols-3" style={{ top: -margin }}>
<div className="col-start-3 ml-2 bg-primary"></div>
<div
style={{ columnGap: margin }}
className="pointer-events-none absolute inset-0 grid grid-cols-3"
>
<div className="col-start-3 bg-primary" />
</div>
</div>
</>
);
};