diff --git a/src/components/FieldRow.astro b/src/components/FieldRow.astro index e7a9ec9..30c247b 100644 --- a/src/components/FieldRow.astro +++ b/src/components/FieldRow.astro @@ -50,7 +50,7 @@ const lgCols = Math.max(1, Number(cols || 0)); connected ? "wr:lg:gap-0" : "wr:lg:gap-4", // Equal widths on lg - equal && layout === "flex" && "wr:lg:[&>*]:wr:flex-1", + equal && layout === "flex" && "wr:lg:[&>*]:flex-1", className )} style={ diff --git a/src/layouts/ComponentLayout.astro b/src/layouts/ComponentLayout.astro index 74ff221..b8871f5 100644 --- a/src/layouts/ComponentLayout.astro +++ b/src/layouts/ComponentLayout.astro @@ -59,6 +59,9 @@ import Base from "./Base.astro";
  • Tooltip
    • +
  • + Dashboard +
    • diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro new file mode 100644 index 0000000..b2eebc6 --- /dev/null +++ b/src/layouts/Layout.astro @@ -0,0 +1,172 @@ +--- +// Layout.astro - Main Layout Wrapper +export interface Props { + title?: string; + description?: string; + class?: string; + theme?: "light" | "dark" | "system"; + lang?: string; + viewport?: string; + charset?: string; +} + +const { + title = "Dashboard", + description = "Modern dashboard application", + class: className = "", + theme = "system", + lang = "en", + viewport = "width=device-width, initial-scale=1.0", + charset = "UTF-8", +} = Astro.props; +--- + + + + + + + + {title} + + + + + + + + + + + + + + +
    + +
    + + + + + + + diff --git a/src/pages/dashboard.astro b/src/pages/dashboard.astro new file mode 100644 index 0000000..57b0585 --- /dev/null +++ b/src/pages/dashboard.astro @@ -0,0 +1,12 @@ +--- +// pages/dashboard.astro +import Base from "../layouts/Base.astro"; + +const breadcrumbItems = [ + { label: "Dashboard", href: "/dashboard" }, + { label: "Analytics", href: "/dashboard/analytics" }, + { label: "Overview" }, +]; +--- + + diff --git a/src/pages/drawer.astro b/src/pages/drawer.astro index db1897e..6e7335c 100644 --- a/src/pages/drawer.astro +++ b/src/pages/drawer.astro @@ -56,7 +56,7 @@ import ComponentLayout from "../layouts/ComponentLayout.astro"; @@ -80,7 +80,7 @@ import { Icon } from "astro-icon/components";
    @@ -194,11 +194,11 @@ import { Icon } from "astro-icon/components";