import defaultTheme from 'tailwindcss/defaultTheme';import forms from '@tailwindcss/forms';import preset from './vendor/filament/support/tailwind.config.preset'/** @type {import('tailwindcss').Config} */export default { darkMode: ['class'], presets: [preset], content: [ './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php', './storage/framework/views/*.php', './resources/views/**/*.blade.php', './app/Filament/**/*.php', './resources/views/filament/**/*.blade.php', './vendor/filament/**/*.blade.php', './components/**/*.jsx', './resources/**/*.jsx', './resources/**/*.js', ], theme: { extend: { fontFamily: { sans: ['Figtree', ...defaultTheme.fontFamily.sans] }, plugins: [forms, require("tailwindcss-animate")],};
@tailwind base;@tailwind components;@tailwind utilities;
export default { plugins: { 'tailwindcss/nesting': 'postcss-nesting', tailwindcss: {}, autoprefixer: {}, },}
import { defineConfig, loadEnv } from 'vite';import laravel from 'laravel-vite-plugin';import react from '@vitejs/plugin-react';import path from 'path';export default defineConfig(() => { const env = loadEnv('', process.cwd(), ''); return { define: { 'process.env.VITE_CAL_CLIENT_ID': JSON.stringify(env.VITE_CAL_CLIENT_ID), 'process.env.VITE_CAL_BASE_URL': JSON.stringify(env.VITE_CAL_BASE_URL), 'process.env.VITE_CAL_REFRESH_URL': JSON.stringify(env.VITE_CAL_REFRESH_URL), }, plugins: [ laravel({ input: ['resources/css/app.css', 'resources/js/app.jsx', 'resources/js/alpine.js'], refresh: ['app/Livewire/**', 'resources/views/**'], }), react({ include: "**/*.{jsx,js}", }), ], resolve: { alias: { '@': path.resolve(__dirname, './'), }, }, };});
<!DOCTYPE html><html lang="{{ str_replace('_', '-', app()->getLocale()) }}"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>{{ config('app.name', 'Laravel') }}</title> <!-- Fonts --> <link rel="preconnect" href="https://fonts.bunny.net"> <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" /> <!-- Scripts --> @vite(['resources/css/app.css', 'resources/js/app.jsx']) @filamentStyles</head><body class="font-sans antialiased"> <div class="min-h-screen bg-gray-100"> @include('layouts.navigation') <!-- Page Heading --> @isset($header) <header class="bg-white shadow"> <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8"> {{ $header }} </div> </header> @endisset <!-- Page Content --> <main> {{ $slot }} </main> </div> @livewire('notifications') @filamentScripts</body></html>
import defaultTheme from 'tailwindcss/defaultTheme';import forms from '@tailwindcss/forms';import preset from './vendor/filament/support/tailwind.config.preset'import typography from '@tailwindcss/typography';/** @type {import('tailwindcss').Config} */export default { presets: [preset], content: [ './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php', './storage/framework/views/*.php', './resources/views/**/*.blade.php', './resources/views/components/*.blade.php', './app/Filament/**/*.php', './resources/views/filament/**/*.blade.php', './vendor/filament/**/*.blade.php', ], darkMode: 'class', // Enable dark mode theme: { extend: { fontSize: { base: ['15px', '26px'], }, fontFamily: { sans: ['Inter', ...defaultTheme.fontFamily.sans], }, }, }, plugins: [forms, typography],};
<!DOCTYPE html><html lang="{{ str_replace('_', '-', app()->getLocale()) }}"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>{{ config('app.name', 'Laravel') }}</title> <!-- Fonts --> <link rel="preconnect" href="https://fonts.bunny.net"> <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet"/> <!-- Scripts --> @livewire('notifications') @livewireStyles @filamentStyles @vite(['resources/css/app.css', 'resources/js/app.js'])</head><body class="font-sans antialiased"><div class="min-h-screen bg-gray-100"> @include('components.thillow-navigation') <!-- Page Heading --> @isset($header) <header class="bg-white shadow"> <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8"> {{ $header }} </div> </header> @endisset <!-- Page Content --> <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> {{ $slot }} </main></div>@livewireScripts@filamentScripts</body></html>