refactored sidebar
This commit is contained in:
12
web/src/components/sidebar.astro
Normal file
12
web/src/components/sidebar.astro
Normal 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>
|
||||
@@ -1,20 +1,14 @@
|
||||
---
|
||||
import Base from "src/layout/Base.astro"
|
||||
import Navbar from "src/components/index/navbar.astro"
|
||||
import Sidebar from "src/components/sidebar.astro"
|
||||
---
|
||||
|
||||
<Base>
|
||||
<div class="flex flex-row">
|
||||
<!-- HeaderSection -->
|
||||
<Sidebar/>
|
||||
|
||||
<div class="w-[32%] text-center">
|
||||
<div class="flex flex-col">
|
||||
<p class="text-4xl">breadone dot net</p>
|
||||
<Navbar/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-[68%]">
|
||||
<div class="content-panel bg-amber-200">
|
||||
content
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -26,4 +26,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.content-panel {
|
||||
@apply w-[68%];
|
||||
}
|
||||
|
||||
@tailwind utilities;
|
||||
Reference in New Issue
Block a user