julienfroidefond/towercontrol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update DailyAddForm and EditCheckboxModal for consistent theme

Browse Source 
- Changed default selected type in DailyAddForm from 'task' to 'meeting'.
- Updated class names in DailyAddForm and EditCheckboxModal for improved visual consistency and user experience, ensuring better color contrast and hover effects.
This commit is contained in:
Julien Froidefond
2025-09-17 09:14:59 +02:00
parent 748888819b
commit ed001ea74a
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/daily/DailyAddForm.tsx
View File

@@ -13,7 +13,7 @@ interface DailyAddFormProps {
export function DailyAddForm({ onAdd, disabled = false, placeholder = "Ajouter une tâche..." }: DailyAddFormProps) { export function DailyAddForm({ onAdd, disabled = false, placeholder = "Ajouter une tâche..." }: DailyAddFormProps) {
const [newCheckboxText, setNewCheckboxText] = useState(''); const [newCheckboxText, setNewCheckboxText] = useState('');
const [selectedType, setSelectedType] = useState<DailyCheckboxType>('task'); const [selectedType, setSelectedType] = useState<DailyCheckboxType>('meeting');
const inputRef = useRef<HTMLInputElement>(null); const inputRef = useRef<HTMLInputElement>(null);
const handleAddCheckbox = () => { const handleAddCheckbox = () => {
@@ -56,7 +56,7 @@ export function DailyAddForm({ onAdd, disabled = false, placeholder = "Ajouter u
size="sm" size="sm"
className={`flex items-center gap-1 text-xs border-l-4 ${ className={`flex items-center gap-1 text-xs border-l-4 ${
selectedType === 'task' selectedType === 'task'
? 'border-l-green-500 bg-green-100 dark:bg-green-900/40 text-green-900 dark:text-green-100 font-medium' ? 'border-l-green-500 bg-green-500/30 text-white font-medium'
: 'border-l-green-300 hover:border-l-green-400 opacity-70 hover:opacity-90' : 'border-l-green-300 hover:border-l-green-400 opacity-70 hover:opacity-90'
}`} }`}
disabled={disabled} disabled={disabled}
@@ -70,7 +70,7 @@ export function DailyAddForm({ onAdd, disabled = false, placeholder = "Ajouter u
size="sm" size="sm"
className={`flex items-center gap-1 text-xs border-l-4 ${ className={`flex items-center gap-1 text-xs border-l-4 ${
selectedType === 'meeting' selectedType === 'meeting'
? 'border-l-blue-500 bg-blue-100 dark:bg-blue-900/40 text-blue-900 dark:text-blue-100 font-medium' ? 'border-l-blue-500 bg-blue-500/30 text-white font-medium'
: 'border-l-blue-300 hover:border-l-blue-400 opacity-70 hover:opacity-90' : 'border-l-blue-300 hover:border-l-blue-400 opacity-70 hover:opacity-90'
}`} }`}
disabled={disabled} disabled={disabled}

4
components/daily/EditCheckboxModal.tsx
View File

@@ -129,7 +129,7 @@ export function EditCheckboxModal({
size="sm" size="sm"
className={`flex items-center gap-2 border-l-4 ${ className={`flex items-center gap-2 border-l-4 ${
type === 'task' type === 'task'
? 'border-l-green-500 bg-green-100 dark:bg-green-900/40 text-green-900 dark:text-green-100 font-medium' ? 'border-l-green-500 bg-green-500/30 text-white font-medium'
: 'border-l-green-300 hover:border-l-green-400 opacity-70 hover:opacity-90' : 'border-l-green-300 hover:border-l-green-400 opacity-70 hover:opacity-90'
}`} }`}
> >
@@ -142,7 +142,7 @@ export function EditCheckboxModal({
size="sm" size="sm"
className={`flex items-center gap-2 border-l-4 ${ className={`flex items-center gap-2 border-l-4 ${
type === 'meeting' type === 'meeting'
? 'border-l-blue-500 bg-blue-100 dark:bg-blue-900/40 text-blue-900 dark:text-blue-100 font-medium' ? 'border-l-blue-500 bg-blue-500/30 text-white font-medium'
: 'border-l-blue-300 hover:border-l-blue-400 opacity-70 hover:opacity-90' : 'border-l-blue-300 hover:border-l-blue-400 opacity-70 hover:opacity-90'
}`} }`}
> >