Add tailwind to frontend

This commit is contained in:
2024-10-28 00:41:03 +01:00
parent 87edd6f478
commit 0662ed0c56
7 changed files with 578 additions and 1 deletions

View File

@@ -1,4 +1,6 @@
---
import '../styles/global.css';
interface Props {
title: string;
}

View File

@@ -61,6 +61,12 @@ import Card from '../components/Card.astro';
/>
</ul>
</main>
<div class="min-h-screen bg-gray-100 flex items-center justify-center">
<h1 class="text-4xl font-bold text-blue-600 hover:text-blue-800">
Hello Tailwind + Astro!
</h1>
</div>
</Layout>
<style>

View File

@@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;