breadone/BreadnetV3
Archived
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactored sidebar

Browse Source
This commit is contained in:
June
2025-11-13 21:46:25 +13:00
parent c1aa77a35a
commit 2812939ed3
3 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/sidebar.astro Normal file
View File

@@ -0,0 +1,12 @@
---
import Navbar from "src/components/index/navbar.astro"
---
<div class="w-[32%] text-center">
<div class="flex flex-col">
<p class="text-4xl">breadone dot net</p>
<Navbar/>
<div class="mt-8"/>
<slot/>
</div>
</div>

12
web/src/pages/index.astro
View File

@@ -1,20 +1,14 @@
--- ---
import Base from "src/layout/Base.astro" import Base from "src/layout/Base.astro"
import Navbar from "src/components/index/navbar.astro" import Sidebar from "src/components/sidebar.astro"
--- ---
<Base> <Base>
<div class="flex flex-row"> <div class="flex flex-row">
<!-- HeaderSection --> <!-- HeaderSection -->
<Sidebar/>
<div class="w-[32%] text-center"> <div class="content-panel bg-amber-200">
<div class="flex flex-col">
<p class="text-4xl">breadone dot net</p>
<Navbar/>
</div>
</div>
<div class="w-[68%]">
content content
</div> </div>
</div> </div>

4
web/src/styles/global.css
View File

@@ -26,4 +26,8 @@
} }
} }
.content-panel {
@apply w-[68%];
}
@tailwind utilities; @tailwind utilities;