Ryan Kegel
0d651129cb
All checks were successful
Gitea Actions Demo / build-and-push (push) Successful in 23s
- Added `marked_for_deletion` and `marked_for_deletion_at` fields to User model (Python and TypeScript) with serialization updates - Created POST /api/user/mark-for-deletion endpoint with JWT auth, error handling, and SSE event trigger - Blocked login and password reset for marked users; added new error codes ACCOUNT_MARKED_FOR_DELETION and ALREADY_MARKED - Updated UserProfile.vue with "Delete My Account" button, confirmation modal (email input), loading state, success/error modals, and sign-out/redirect logic - Synced error codes and model fields between backend and frontend - Added and updated backend and frontend tests to cover all flows and edge cases - All Acceptance Criteria from the spec are complete and verified
146 lines
2.8 KiB
CSS
146 lines
2.8 KiB
CSS
/*buttons*/
|
|
.btn {
|
|
font-weight: 600;
|
|
border: none;
|
|
border-radius: 12px;
|
|
padding: 0.7rem 1.5rem;
|
|
font-size: 1.1rem;
|
|
cursor: pointer;
|
|
box-shadow: 0 2px 8px rgba(102, 126, 234, 0.08);
|
|
transition:
|
|
background 0.18s,
|
|
color 0.18s;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Primary button (e.g., Save, Confirm) */
|
|
.btn-primary {
|
|
background: var(--btn-primary);
|
|
color: #fff;
|
|
}
|
|
.btn-primary:hover,
|
|
.btn-primary:focus {
|
|
background: var(--btn-primary-hover);
|
|
}
|
|
.btn-primary:disabled,
|
|
.btn-primary[disabled] {
|
|
background: var(--btn-secondary, #f3f3f3);
|
|
color: var(--btn-secondary-text, #666);
|
|
cursor: not-allowed;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/* Secondary button (e.g., Cancel) */
|
|
.btn-secondary {
|
|
background: var(--btn-secondary);
|
|
color: var(--btn-secondary-text);
|
|
}
|
|
.btn-secondary:hover,
|
|
.btn-secondary:focus {
|
|
background: var(--btn-secondary-hover);
|
|
}
|
|
|
|
/* Danger button (e.g., Delete) */
|
|
.btn-danger {
|
|
background: var(--btn-danger);
|
|
color: #fff;
|
|
}
|
|
.btn-danger:hover,
|
|
.btn-danger:focus {
|
|
background: var(--btn-danger-hover);
|
|
}
|
|
|
|
.btn-danger:disabled {
|
|
background: var(--btn-secondary, #f3f3f3);
|
|
color: var(--btn-secondary-text, #666);
|
|
cursor: not-allowed;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/* Green button (e.g., Confirm) */
|
|
.btn-green {
|
|
background: var(--btn-green);
|
|
color: #fff;
|
|
}
|
|
.btn-green:hover,
|
|
.btn-green:focus {
|
|
background: var(--btn-green-hover);
|
|
}
|
|
|
|
/* Link-style button */
|
|
.btn-link {
|
|
color: var(--btn-primary);
|
|
text-decoration: underline;
|
|
background: none;
|
|
border: none;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
font-weight: 600;
|
|
margin-left: 6px;
|
|
}
|
|
.btn-link:disabled {
|
|
text-decoration: none;
|
|
opacity: 0.75;
|
|
cursor: default;
|
|
pointer-events: none;
|
|
color: var(--btn-primary);
|
|
}
|
|
|
|
/* Rounded button */
|
|
.round-btn {
|
|
background: var(--sign-in-btn-bg);
|
|
color: var(--sign-in-btn-color);
|
|
border: 2px solid var(--sign-in-btn-border);
|
|
border-radius: 6px;
|
|
font-size: 0.85rem;
|
|
font-weight: 600;
|
|
padding: 0.2rem 0.5rem;
|
|
margin-right: 0.1rem;
|
|
cursor: pointer;
|
|
transition:
|
|
background 0.18s,
|
|
color 0.18s;
|
|
}
|
|
.round-btn:hover {
|
|
background: var(--sign-in-btn-hover-bg);
|
|
color: var(--sign-in-btn-hover-color);
|
|
}
|
|
|
|
/* Errors and info*/
|
|
.info-message {
|
|
color: var(--info-points, #2563eb);
|
|
font-size: 1rem;
|
|
margin-top: 0.5rem;
|
|
}
|
|
.error-message {
|
|
color: var(--error, #e53e3e);
|
|
font-size: 1rem;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.modal-backdrop {
|
|
position: fixed;
|
|
inset: 0;
|
|
background: rgba(0, 0, 0, 0.45);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 1200;
|
|
}
|
|
|
|
.modal {
|
|
background: var(--modal-bg);
|
|
color: var(--modal-text);
|
|
padding: 1.25rem;
|
|
border-radius: 10px;
|
|
width: 360px;
|
|
max-width: calc(100% - 32px);
|
|
box-shadow: var(--modal-shadow);
|
|
text-align: center;
|
|
}
|
|
|
|
.modal h3 {
|
|
margin-bottom: 0.5rem;
|
|
font-size: 1.05rem;
|
|
}
|