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

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

@ -71,6 +71,6 @@
@apply border-border; @apply border-border;
} }
body { 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"], darkMode: ["class"],
content: [ content: [
'./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}', './src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}',
'./styles/**/*.{css}',
'./pages/**/*.{ts,tsx}', './pages/**/*.{ts,tsx}',
'./components/**/*.{ts,tsx}', './components/**/*.{ts,tsx}',
'./app/**/*.{ts,tsx}', './app/**/*.{ts,tsx}',