marcel/mealprep
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases Wiki Activity

Frontend: design system, navigation, auth guard, signup screen #33

Merged
marcel merged 25 commits from feat/issue-16-design-system into master 2026-04-02 19:00:19 +02:00
Conversation 12 Commits 25 Files Changed 23 +7 -1
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b71c98662b - Show all commits

2
frontend/src/lib/auth/SignupForm.svelte
View File

@@ -139,7 +139,7 @@
<!-- Submit button -->
<button
type="submit"
class="w-full cursor-pointer rounded-[var(--radius-md)] bg-[var(--green)] px-[24px] py-[12px] text-[var(--btn-font-size)] font-[var(--btn-font-weight)] tracking-[var(--btn-letter-spacing)] text-white"
class="w-full cursor-pointer rounded-[var(--radius-md)] bg-[var(--green-dark)] px-[24px] py-[12px] text-[var(--btn-font-size)] font-[var(--btn-font-weight)] tracking-[var(--btn-letter-spacing)] text-white"
>
Konto erstellen &rarr;
</button>

6
frontend/src/lib/auth/SignupForm.test.ts
View File

@@ -116,6 +116,12 @@ describe('SignupForm', () => {
expect(screen.queryByText('Mindestens 8 Zeichen')).not.toBeInTheDocument();
});
it('submit button uses --green-dark for WCAG AA contrast', () => {
render(SignupForm);
const button = screen.getByRole('button', { name: /konto erstellen/i });
expect(button.className).toContain('bg-[var(--green-dark)]');
});
it('renders placeholders on inputs', () => {
render(SignupForm);
expect(screen.getByPlaceholderText('z.B. Sarah')).toBeInTheDocument();