Claude
143fe3d488
- Implemented clean MVC architecture with Router, Controller, and Model base classes - Created database migrations for users, bands, bookings, reviews, and availability - Set up Tailwind CSS with yellow color scheme and modern design - Added Alpine.js for reactive JavaScript components - Configured Vite for asset building and hot module replacement - Created authentication and role-based middleware - Implemented helper functions and configuration system - Added comprehensive README with setup instructions - Configured Apache with proper rewrite rules and security headers - Set up Composer and npm package management with modern dependencies
50 lines
999 B
CSS
50 lines
999 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
html {
|
|
@apply scroll-smooth;
|
|
}
|
|
|
|
body {
|
|
@apply bg-gray-50 text-gray-900 antialiased;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.btn {
|
|
@apply px-4 py-2 rounded-lg font-medium transition-all duration-200 inline-flex items-center justify-center;
|
|
}
|
|
|
|
.btn-primary {
|
|
@apply bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700;
|
|
}
|
|
|
|
.btn-secondary {
|
|
@apply bg-gray-200 text-gray-800 hover:bg-gray-300 active:bg-gray-400;
|
|
}
|
|
|
|
.card {
|
|
@apply bg-white rounded-xl shadow-md p-6 transition-shadow hover:shadow-lg;
|
|
}
|
|
|
|
.input-field {
|
|
@apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent;
|
|
}
|
|
|
|
.badge {
|
|
@apply inline-flex items-center px-3 py-1 rounded-full text-sm font-medium;
|
|
}
|
|
|
|
.badge-yellow {
|
|
@apply bg-accent-100 text-accent-800;
|
|
}
|
|
}
|
|
|
|
@layer utilities {
|
|
.text-balance {
|
|
text-wrap: balance;
|
|
}
|
|
}
|