WorkRoot/Astro-Component
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed Some Bugs

Browse Source
This commit is contained in:
Clintchiz
2025-08-17 15:05:44 +05:30
parent f8a0e82076
commit b362d10519
16 changed files with 549 additions and 306 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/Base.astro
+1 -1
View File
@@ -15,7 +15,7 @@ const attributes = Astro.props;
</head>
<body
class={cn(
"bg-white dark:bg-neutral-700 text-black dark:text-white",
"wr:bg-white wr:dark:bg-background wr:text-black wr:dark:text-white",
attributes.class,
)}
{...attributes}
src/layouts/ComponentLayout.astro
+48
View File
@@ -0,0 +1,48 @@
---
import ColorSwitcher from "../components/ColorSwitcher.astro";
import ThemeSwitcher from "../components/ThemeSwitcher.astro";
import Base from "./Base.astro";
---
<Base>
<div class="wr:flex wr:items-center wr:gap-3 wr:pb-3 wr:p-4">
<ThemeSwitcher
darkBgClass={["wr:dark:bg-neutral-500", "wr:text-white"]}
lightBgClass={["wr:bg-white", "wr:text-black"]}
/>
<ColorSwitcher ui="menu" />
</div>
<div class="wr:flex-1 wr:flex">
<div class="wr:w-1/6 wr:p-4 wr:space-y-3">
<h1 class="text-xl font-bold">Component List</h1>
<ul class="list-outside list-decimal">
<li class="list-item">
<a href="/icons">Icons</a>
</li>
<li class="list-item">
<a href="/buttons">Buttons</a>
</li>
<li class="list-item">
<a href="/forms">Forms</a>
</li>
<li class="list-item">
<a href="/forms1">Forms 1</a>
</li>
<li class="list-item">
<a href="/forms2">Forms 2</a>
</li>
<li class="list-item">
<a href="/theme">Theme</a>
</li>
<li class="list-item">
<a href="/dropdown">Dropdown</a>
</li>
</ul>
</div>
<div class="wr:w-5/6 wr:p-4">
<slot />
</div>
</div>
</Base>