ruangrupa/kios-webapp
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Include global styles

Browse Source
This commit is contained in:
toqvist 2024-04-02 13:22:20 +02:00
parent 2c79904102
commit dc4618383e
4 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
astro/src/layouts/BaseLayout.astro
View File

@ -30,7 +30,7 @@ const { title } = Astro.props;
}
</style>
</head>
<body class="bg-gray-800 mx-auto max-w-7xl bg-gray px-6 py-8 font-plex text-gray-200">
<body class="mx-auto max-w-7xl bg-gray px-6 py-8 font-plex text-gray-200">
<slot />
</body>
</html>

6
astro/src/pages/posts/[id].astro
View File

@ -1,5 +1,5 @@
---
import Layout from "@/layouts/Layout.astro";
import BaseLayout from "@/layouts/BaseLayout.astro";
import Content from "@/components/Content.astro";
import type { Post } from "@/types";
import { getPost, getPosts } from "@/utils/payload";
@ -18,13 +18,13 @@ const post = id && (await getPost(id));
{
post ? (
<Layout title={`Astroad | ${post.title!}`}>
<BaseLayout title={`Astroad | ${post.title!}`}>
<div class="space-y-3 my-3">
<a href="/">BACK</a>
<h1 class="font-bold text-5xl" transition:name=`title-${post.id}`>{post.title}</h1>
{post.content && <Content content={post.content} />}
</div>
</Layout>
</BaseLayout>
) : (
<div>404</div>
)

2
astro/src/styles/global.css
View File

@ -71,6 +71,6 @@
@apply border-border;
}
body {
@apply bg-background text-foreground;
@apply bg-gray-800 text-foreground;
}
}

1
astro/tailwind.config.cjs
View File

@ -3,6 +3,7 @@ module.exports = {
darkMode: ["class"],
content: [
'./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}',
'./styles/**/*.{css}',
'./pages/**/*.{ts,tsx}',
'./components/**/*.{ts,tsx}',
'./app/**/*.{ts,tsx}',