a-mayb3/KanbanCloneAngular
1
1
Fork 0
mirror of https://github.com/a-mayb3/KanbanCloneAngular.git synced 2026-03-21 18:05:38 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Created task creation page

Browse source
This commit is contained in:
Marta Borgia Leiva 2026-02-10 11:49:14 +01:00
parent 782f58a4a2
commit dd043b3385
5 changed files with 254 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

91
src/app/pages/task-create/task-create.component.css Normal file
View file

@ -0,0 +1,91 @@
.create-task {
min-height: 100vh;
background-color: #f5f7fa;
padding: 40px;
display: flex;
justify-content: center;
align-items: flex-start;
}
.card {
width: 100%;
max-width: 640px;
height: fit-content;
background: white;
border-radius: 12px;
padding: 32px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.card h1 {
margin: 0 0 24px 0;
font-size: 28px;
color: #2c3e50;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #374151;
}
.form-group input,
.form-group textarea,
.form-group select {
width: 100%;
padding: 12px 14px;
border: 1px solid #e5e7eb;
border-radius: 8px;
font-size: 14px;
box-sizing: border-box;
background-color: #ffffff;
}
.form-group textarea {
resize: vertical;
}
.actions {
display: flex;
justify-content: flex-end;
gap: 12px;
margin-top: 12px;
}
.btn-primary {
padding: 10px 16px;
background-color: #10b981;
color: #fff;
border: none;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
}
.btn-primary:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.btn-secondary {
padding: 10px 16px;
background: none;
border: 1px solid #cbd5f0;
color: #334155;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
}
.error {
margin-bottom: 16px;
padding: 12px;
border-radius: 8px;
background-color: #fee2e2;
color: #b91c1c;
}