diff --git a/apps/changelog_public/astro.config.mjs b/apps/changelog_public/astro.config.mjs index cdd1c27..ebeaab9 100644 --- a/apps/changelog_public/astro.config.mjs +++ b/apps/changelog_public/astro.config.mjs @@ -3,7 +3,9 @@ import { defineConfig } from 'astro/config' import react from '@astrojs/react' +import tailwind from '@astrojs/tailwind' + // https://astro.build/config export default defineConfig({ - integrations: [react()], + integrations: [react(), tailwind({ nesting: true })], }) diff --git a/apps/changelog_public/package.json b/apps/changelog_public/package.json index e220926..5adbee3 100644 --- a/apps/changelog_public/package.json +++ b/apps/changelog_public/package.json @@ -12,11 +12,15 @@ "dependencies": { "@astrojs/check": "^0.9.4", "@astrojs/react": "^3.6.2", + "@astrojs/tailwind": "^5.1.2", + "@boring.tools/schema": "workspace:*", + "@boring.tools/ui": "workspace:*", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", "astro": "^4.16.7", "react": "^18.3.1", "react-dom": "^18.3.1", + "tailwindcss": "^3.4.14", "typescript": "^5.6.3" } } diff --git a/apps/changelog_public/src/pages/index.astro b/apps/changelog_public/src/pages/index.astro index 2d14107..0b2319e 100644 --- a/apps/changelog_public/src/pages/index.astro +++ b/apps/changelog_public/src/pages/index.astro @@ -1,5 +1,5 @@ --- - +import { Button } from '@boring.tools/ui' --- @@ -12,5 +12,6 @@

Astro

+ diff --git a/apps/changelog_public/tailwind.config.mjs b/apps/changelog_public/tailwind.config.mjs new file mode 100644 index 0000000..01a7788 --- /dev/null +++ b/apps/changelog_public/tailwind.config.mjs @@ -0,0 +1,86 @@ +/** @type {import('tailwindcss').Config} */ +export default { + content: [ + './src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}', + '../../packages/ui/**/*.{js,ts,jsx,tsx}', + ], + theme: { + container: { + center: true, + padding: '2rem', + screens: { + '2xl': '1400px', + }, + }, + extend: { + colors: { + border: 'hsl(var(--border))', + input: 'hsl(var(--input))', + ring: 'hsl(var(--ring))', + background: 'hsl(var(--background))', + foreground: 'hsl(var(--foreground))', + primary: { + DEFAULT: 'hsl(var(--primary))', + foreground: 'hsl(var(--primary-foreground))', + }, + secondary: { + DEFAULT: 'hsl(var(--secondary))', + foreground: 'hsl(var(--secondary-foreground))', + }, + destructive: { + DEFAULT: 'hsl(var(--destructive))', + foreground: 'hsl(var(--destructive-foreground))', + }, + muted: { + DEFAULT: 'hsl(var(--muted))', + foreground: 'hsl(var(--muted-foreground))', + }, + accent: { + DEFAULT: 'hsl(var(--accent))', + foreground: 'hsl(var(--accent-foreground))', + }, + popover: { + DEFAULT: 'hsl(var(--popover))', + foreground: 'hsl(var(--popover-foreground))', + }, + card: { + DEFAULT: 'hsl(var(--card))', + foreground: 'hsl(var(--card-foreground))', + }, + sidebar: { + DEFAULT: 'hsl(var(--sidebar-background))', + foreground: 'hsl(var(--sidebar-foreground))', + primary: 'hsl(var(--sidebar-primary))', + 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))', + accent: 'hsl(var(--sidebar-accent))', + 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))', + border: 'hsl(var(--sidebar-border))', + ring: 'hsl(var(--sidebar-ring))', + }, + }, + borderRadius: { + lg: 'var(--radius)', + md: 'calc(var(--radius) - 2px)', + sm: 'calc(var(--radius) - 4px)', + }, + /* fontFamily: { + sans: ['var(--font-sans)', ...fontFamily.sans], + }, */ + keyframes: { + 'accordion-down': { + from: { height: '0' }, + to: { height: 'var(--radix-accordion-content-height)' }, + }, + 'accordion-up': { + from: { height: 'var(--radix-accordion-content-height)' }, + to: { height: '0' }, + }, + }, + animation: { + 'accordion-down': 'accordion-down 0.2s ease-out', + 'accordion-up': 'accordion-up 0.2s ease-out', + }, + }, + }, + plugins: [], +} diff --git a/bun.lockb b/bun.lockb index 75767c9..df3cbf3 100755 Binary files a/bun.lockb and b/bun.lockb differ