diff options
| author | Bobby <[email protected]> | 2025-05-12 18:59:23 +0530 |
|---|---|---|
| committer | Bobby <[email protected]> | 2025-05-12 18:59:23 +0530 |
| commit | 5dba2d8cedf46798fc197de4856409124a65ce4e (patch) | |
| tree | db78fc28529fea672e31d0de27524b64ab904ed5 /src/components/NavigationComponent.astro | |
| parent | c21c55fc1c5f262943f99fc4f0f343ed49d18f33 (diff) | |
| download | pagoda-5dba2d8cedf46798fc197de4856409124a65ce4e.tar.xz pagoda-5dba2d8cedf46798fc197de4856409124a65ce4e.zip | |
added sidebar and related components
Diffstat (limited to 'src/components/NavigationComponent.astro')
| -rw-r--r-- | src/components/NavigationComponent.astro | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/src/components/NavigationComponent.astro b/src/components/NavigationComponent.astro new file mode 100644 index 0000000..9987c2f --- /dev/null +++ b/src/components/NavigationComponent.astro @@ -0,0 +1,29 @@ +--- +const { title, variation, bordered = true } = Astro.props; +--- + +<section class="saira uppercase my-4"> + <div class="text-xl flex flex-row gap-2 justify-center items-center"> + <div class={`${ + variation === "alternate" ? "bg-pagodapink" : "bg-pagodapurple" + } + rounded-l-2xl px-4 h-6`}></div> + <div>{title}</div> + <div class={`${ + variation === "alternate" ? "bg-pagodapurple" : "bg-pagodapink" + } ${ + bordered ? "rounded-tr-2xl" : "rounded-r-2xl" + } + flex-grow h-6`}></div> + </div> + <div class={` + ${ + bordered ? variation === "alternate" ? "border-pagodapurple bg-pagodapurple" : "border-pagodapink bg-pagodapink" : "" + } + ${ + bordered ? "border-r-8 border-b-2 border-solid relative bottom-1" : "" + } + rounded-br ml-8`}> + <slot /> + </div> +</section>
\ No newline at end of file |