Janus007/PlanTempusApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds create customer drawer to customers page

Browse source 
Implements new drawer for creating customers with form inputs for contact details and notes

Enhances customer management by providing a streamlined way to add new customer records directly from the customers index page
This commit is contained in:
Janus C. H. Knudsen 2026-01-24 10:59:21 +01:00
parent dc2bab5702
commit 38e9243bcd
5 changed files with 193 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

57
PlanTempus.Application/wwwroot/css/customers.css
View file

@ -1411,3 +1411,60 @@ swp-activity-time {
swp-activity-actor {
color: var(--color-text-secondary);
}
/* ===========================================
CREATE CUSTOMER DRAWER
=========================================== */
/* Name field above card */
#create-customer-drawer swp-form-row {
display: flex;
flex-direction: column;
gap: var(--spacing-2);
margin-bottom: var(--spacing-6);
}
#create-customer-drawer swp-form-label {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
color: var(--color-text-secondary);
}
#create-customer-drawer swp-form-row input {
padding: var(--spacing-3) var(--spacing-4);
font-size: var(--font-size-base);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
background: var(--color-surface);
color: var(--color-text);
}
#create-customer-drawer swp-form-row input:focus,
#create-customer-drawer swp-form-row textarea:focus {
outline: none;
border-color: var(--color-teal);
}
/* Textarea for note */
#create-customer-drawer swp-form-row textarea {
padding: var(--spacing-3) var(--spacing-4);
font-size: var(--font-size-base);
font-family: inherit;
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
background: var(--color-surface);
color: var(--color-text);
resize: vertical;
min-height: 80px;
}
/* Card inside drawer */
#create-customer-drawer swp-card {
margin: 0;
}
/* Note field after card */
#create-customer-drawer swp-form-row.note-field {
margin-top: var(--spacing-6);
margin-bottom: 0;
}