Michael/LogiFlow
1
0 Fork 0
mirror of https://github.com/R0m1k3/LogiFlow.git synced 2026-10-12 01:37:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

Remove rounded corners from task modals and restore the close button

Browse Source 
Update task modals to have square corners and reintroduce the close button in the top-right corner for both creation and editing.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7bae60c-959e-464e-9a81-d3f674984466
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/d7bae60c-959e-464e-9a81-d3f674984466/7Rj2nWl
This commit is contained in:
michaelschal committed 2025-08-19 12:56:29 +00:00
1 parent 31f4cc3b00
commit c1b5d66f1e
1 file changed
+50 -5
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/Tasks.tsx
+50 -5
View File
@@ -735,7 +735,7 @@ export default function Tasks() {
}}>
<div style={{
backgroundColor: 'white',
borderRadius: '8px',
borderRadius: '0px',
maxWidth: '600px',
width: '90%',
maxHeight: '90vh',
@@ -744,7 +744,8 @@ export default function Tasks() {
}}>
<div style={{
padding: '24px 24px 16px',
borderBottom: '1px solid #e5e7eb'
borderBottom: '1px solid #e5e7eb',
position: 'relative'
}}>
<h2 style={{
fontSize: '18px',
@@ -753,6 +754,26 @@ export default function Tasks() {
}}>
Créer une nouvelle tâche
</h2>
<button
onClick={() => setShowCreateModal(false)}
style={{
position: 'absolute',
top: '16px',
right: '16px',
background: 'none',
border: 'none',
fontSize: '20px',
cursor: 'pointer',
padding: '4px',
borderRadius: '0px',
color: '#6b7280',
transition: 'color 0.2s'
}}
onMouseEnter={(e) => (e.target as HTMLButtonElement).style.color = '#374151'}
onMouseLeave={(e) => (e.target as HTMLButtonElement).style.color = '#6b7280'}
>
✕
</button>
</div>
<TaskFormInline
onClose={() => setShowCreateModal(false)}
@@ -1256,7 +1277,7 @@ export default function Tasks() {
}}>
<div style={{
backgroundColor: 'white',
borderRadius: '8px',
borderRadius: '0px',
maxWidth: '600px',
width: '90%',
maxHeight: '90vh',
@@ -1265,7 +1286,8 @@ export default function Tasks() {
}}>
<div style={{
padding: '24px 24px 16px',
borderBottom: '1px solid #e5e7eb'
borderBottom: '1px solid #e5e7eb',
position: 'relative'
}}>
<h2 style={{
fontSize: '18px',
@@ -1274,6 +1296,29 @@ export default function Tasks() {
}}>
Modifier la tâche
</h2>
<button
onClick={() => {
setShowEditModal(false);
setSelectedTask(null);
}}
style={{
position: 'absolute',
top: '16px',
right: '16px',
background: 'none',
border: 'none',
fontSize: '20px',
cursor: 'pointer',
padding: '4px',
borderRadius: '0px',
color: '#6b7280',
transition: 'color 0.2s'
}}
onMouseEnter={(e) => (e.target as HTMLButtonElement).style.color = '#374151'}
onMouseLeave={(e) => (e.target as HTMLButtonElement).style.color = '#6b7280'}
>
✕
</button>
</div>
<TaskFormInline
task={selectedTask}
@@ -1302,7 +1347,7 @@ export default function Tasks() {
}}>
<div style={{
backgroundColor: 'white',
borderRadius: '8px',
borderRadius: '0px',
maxWidth: '400px',
width: '90%',
padding: '24px',