Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2026-07-14 23:07:01 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix pikachu template to respect the fullWidth property

Browse Source
This commit is contained in:
Amruth Pillai
2026-01-26 11:16:05 +01:00
parent 470822f4a9
commit 41b0c57725
1 changed files with 24 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/resume/templates/pikachu.tsx
+24 -19
View File
@@ -26,28 +26,33 @@ export function PikachuTemplate({ pageIndex, pageLayout }: TemplateProps) {
return (
<div className="template-pikachu page-content px-(--page-margin-x) pt-(--page-margin-y) print:p-0">
<div className="flex gap-x-(--page-margin-x)">
<aside
data-layout="sidebar"
className="group page-sidebar flex w-(--page-sidebar-width) shrink-0 flex-col space-y-(--page-gap-y)"
>
{isFirstPage && (
<div className="flex max-w-(--page-sidebar-width) items-center justify-start">
<PagePicture />
</div>
)}
{!fullWidth && (
<aside
data-layout="sidebar"
className="group page-sidebar flex w-(--page-sidebar-width) shrink-0 flex-col space-y-(--page-gap-y)"
>
{isFirstPage && (
<div className="flex max-w-(--page-sidebar-width) items-center justify-start">
<PagePicture />
</div>
)}
{!fullWidth && (
<div className="shrink-0 space-y-(--page-gap-y) overflow-x-hidden">
{sidebar.map((section) => {
const Component = getSectionComponent(section, { sectionClassName });
return <Component key={section} id={section} />;
})}
</div>
)}
</aside>
{!fullWidth && (
<div className="shrink-0 space-y-(--page-gap-y) overflow-x-hidden">
{sidebar.map((section) => {
const Component = getSectionComponent(section, { sectionClassName });
return <Component key={section} id={section} />;
})}
</div>
)}
</aside>
)}
<main data-layout="main" className="group page-main flex-1 space-y-(--page-gap-y)">
{isFirstPage && <Header />}
<div className="flex items-center gap-x-6">
{fullWidth && <PagePicture />}
{isFirstPage && <Header />}
</div>
<div className="space-y-(--page-gap-y)">
{main.map((section) => {