Files
profilarr/frontend/tailwind.config.js
Sam Chau fd9d23a828 Refactor backend, enhance Git functionality, and improve UI/UX (#2)
## Backend Changes
- Refactored and restructured backend code
- Consolidated utility functions and updated directory structure
- Improved Git clone functionality to merge local files
- Enhanced Git status retrieval and diff parsing
- Implemented file revert and delete functionality
- Optimized Git status checks for better performance

## Frontend Enhancements
- Added smooth animated background transition in navbar
- Implemented comprehensive Git status display in SettingsManager
- Created branch management modal with improved UI and functionality
- Added loading indicators for Git operations
- Integrated DiffViewer for side-by-side comparisons of changes
- Implemented Toast notifications for better user feedback
- Enhanced file management with conditional revert/delete options
- Added ability to selectively pull incoming changes

## UI/UX Improvements
- Improved branch management UI with tooltips and confirmation dialogs
- Enhanced alert notifications using react-toastify
- Added fun loading messages for Git status
- Implemented CommitSection component for improved commit functionality

## Miscellaneous
- Updated sanitization to be less aggressive
- Initialized database folders on Flask startup
- Added Docker volumes for data storage
- Changed application name to Profilarr
2025-02-05 16:09:58 +10:30

45 lines
1.1 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
// tailwind.config.js
module.exports = {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
darkMode: 'class',
theme: {
extend: {
fontFamily: {
'code': ['Courier New', 'monospace'], // Custom pre font
},
keyframes: {
'modal-open': {
'0%': { opacity: 0, transform: 'scale(0.95)' },
'100%': { opacity: 1, transform: 'scale(1)' },
},
'fade-in': {
'0%': { opacity: 0 },
'100%': { opacity: 1 },
},
},
animation: {
'modal-open': 'modal-open 0.3s ease-out forwards',
'fade-in': 'fade-in 0.5s ease-in-out forwards',
},
colors: {
'dark-bg': '#1a1c23',
'dark-card': '#2a2e37',
'dark-text': '#e2e8f0',
'dark-border': '#4a5568',
'dark-button': '#3182ce',
'dark-button-hover': '#2c5282',
},
borderRadius: {
'lg': '0.5rem',
'md': '0.375rem',
'sm': '0.25rem',
},
},
},
plugins: [],
}