franpcode/classify_saved_videos_yt
1
0
Fork 0
mirror of https://github.com/FranP-code/classify_saved_videos_yt.git synced 2025-10-13 00:32:25 +00:00
Code Issues 2 Packages Projects Releases Wiki Activity

Init Astro + Tailwind + Shadcn-ui

Browse Source
This commit is contained in:
Francisco Pessano
2025-07-12 00:23:11 -03:00
parent fa6007c1f3
commit e6e2f5f9cd
15 changed files with 4890 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/pages/index.astro Normal file
View File

@@ -0,0 +1,27 @@
---
import '../styles/global.css';
// Component Imports
import Button from '../components/Button.astro';
import {Button as ShadcnButton} from '../components/ui/button.tsx';
// Full Astro Component Syntax:
// https://docs.astro.build/basics/astro-components/
---
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>Astro + TailwindCSS</title>
</head>
<body>
<div class="grid place-items-center h-screen content-center">
<Button>Tailwind Button in Astro!</Button>
<a href="/markdown-page" class="p-4 underline">Markdown is also supported...</a>
<ShadcnButton>Shadcn Button</ShadcnButton>
</div>
</body>
</html>

16
web/src/pages/markdown-page.md Normal file
View File

@@ -0,0 +1,16 @@
---
title: 'Markdown + Tailwind'
layout: ../layouts/main.astro
---
<div class="grid place-items-center h-screen content-center">
<div class="py-2 px-4 bg-purple-500 text-white font-semibold rounded-lg shadow-md">
Tailwind classes also work in Markdown!
</div>
<a
href="/"
class="p-4 underline hover:text-purple-500 transition-colors ease-in-out duration-200"
>
Go home
</a>
</div>