diff --git a/package.json b/package.json index 4874b18..9b4f23b 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "astro": "astro" }, "dependencies": { + "7.css": "^0.16.0", "@astrojs/node": "^8.3.2", "astro": "^4.12.2" } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 492d006..1cd0245 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -8,6 +8,9 @@ importers: .: dependencies: + 7.css: + specifier: ^0.16.0 + version: 0.16.0 '@astrojs/node': specifier: ^8.3.2 version: 8.3.2(astro@4.12.2) @@ -17,6 +20,9 @@ importers: packages: + 7.css@0.16.0: + resolution: {integrity: sha512-qZleAhXgVqtAc8Wb4mAJRczbGBcUMv6i2wNogXzHgf9Dztky0CqrehWOJtzU05tMw9a9xLeyvumnJeD+WjLiNQ==} + '@ampproject/remapping@2.3.0': resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==} engines: {node: '>=6.0.0'} @@ -1693,6 +1699,8 @@ packages: snapshots: + 7.css@0.16.0: {} + '@ampproject/remapping@2.3.0': dependencies: '@jridgewell/gen-mapping': 0.3.5 diff --git a/src/components/Window.astro b/src/components/Window.astro new file mode 100644 index 0000000..6febde4 --- /dev/null +++ b/src/components/Window.astro @@ -0,0 +1,26 @@ +--- +const {title, showClose, maxWidth} = Astro.props +--- + + + +
+
+
+
{title}
+ { + showClose && +
+ +
+ } +
+
+ +
+
+
\ No newline at end of file diff --git a/src/css/style.css b/src/css/style.css new file mode 100644 index 0000000..ffacd76 --- /dev/null +++ b/src/css/style.css @@ -0,0 +1,5 @@ +body { + background-color: #56a0d1; + padding: 30px; + font-family: sans-serif !important; +} \ No newline at end of file diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro new file mode 100644 index 0000000..4df0f30 --- /dev/null +++ b/src/layouts/BaseLayout.astro @@ -0,0 +1,19 @@ +--- +import "7.css/dist/7.css"; +import "../css/style.css"; + +const {tabTitle} = Astro.props; +--- + + + + + + + + {tabTitle} + + + + + diff --git a/src/pages/index.astro b/src/pages/index.astro index 2d14107..5ae7178 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,16 +1,10 @@ --- +import Window from "../components/Window.astro"; +import BaseLayout from "../layouts/BaseLayout.astro"; +--- ---- - - - - - - - - Astro - - -

Astro

- - + + +

I love astro

+ +