complete story 13.2 and made the logo bigger

2026-01-04 22:43:26 +02:00
parent b5ef8f9d28
commit d9a35a19d0
4 changed files with 81 additions and 41 deletions
@@ -130,16 +130,16 @@ If the logo is not visible or looks poor on Dark Forest Green (#2D3624), escalat

 ## Dev Checklist

- [ ] Update left panel background to `bg-primary`
- [ ] Center logo in left panel (remove quotes)
- [ ] Update right panel background to `bg-background`
- [ ] Position language toggle correctly
- [ ] Test desktop layout (50/50 split)
- [ ] Test mobile layout (form only)
- [ ] Test RTL mirroring
- [ ] Verify logo visibility on dark background
- [ ] Remove inspiring quotes code
- [ ] Ensure z-index layering correct
+- [x] Update left panel background to `bg-primary`
+- [x] Center logo in left panel (remove quotes)
+- [x] Update right panel background to `bg-background`
+- [x] Position language toggle correctly
+- [x] Test desktop layout (50/50 split)
+- [x] Test mobile layout (form only)
+- [x] Test RTL mirroring
+- [x] Verify logo visibility on dark background
+- [x] Remove inspiring quotes code
+- [x] Ensure z-index layering correct

 ## Estimation

@@ -150,3 +150,46 @@ If the logo is not visible or looks poor on Dark Forest Green (#2D3624), escalat

 - Story 13.1 (Language Toggle Visibility) - Can run in parallel
 - Epic 12 (Brand colors defined)
+
+---
+
+## Dev Agent Record
+
+### Status
+Ready for Review
+
+### Agent Model Used
+Claude Opus 4.5 (claude-opus-4-5-20251101)
+
+### Completion Notes
+- Updated auth split layout to use brand colors (bg-primary for left panel, bg-background for right panel)
+- Removed inspiring quotes and neutral-900 background overlay
+- Centered logo in left panel using flex (items-center justify-center)
+- Moved language toggle inside right panel with absolute positioning (end-4 top-4 z-50)
+- Mobile layout shows logo above form (lg:hidden), desktop shows 50/50 split (lg:grid-cols-2)
+- RTL support maintained via `end-4` positioning and existing HTML dir attribute
+- All existing auth tests pass (22 tests)
+- Auth split layout accessibility test passes (skip link, main landmark)
+
+### File List
+| File | Action |
+|------|--------|
+| `resources/views/components/layouts/auth/split.blade.php` | Modified |
+| `resources/views/components/layouts/auth.blade.php` | Modified |
+| `resources/views/components/logo.blade.php` | Modified |
+
+### Change Log
+| Change | Reason |
+|--------|--------|
+| Changed default auth layout from `simple` to `split` | Auth pages should use split layout per story |
+| Changed body bg from `bg-white dark:bg-linear-to-b...` to `bg-background` | Match brand Warm Cream background |
+| Replaced left panel div with simplified centered logo layout | AC1 - Clean branded appearance |
+| Removed `<div class="absolute inset-0 bg-neutral-900">` overlay | AC6 - Clean minimal design |
+| Removed `@php [$message, $author]...` quotes code | AC6 - Remove inspiring quotes |
+| Removed blockquote quotes section | AC6 - Clean branded appearance |
+| Added `bg-primary` to left panel | AC1 - Dark Forest Green background |
+| Added `full` size to logo component (`h-[50vh]`) | User request for large half-screen logo |
+| Changed left panel logo from `size="xl"` to `size="full"` | User request for large half-screen logo |
+| Added `bg-background` to right panel | AC2 - Warm Cream background |
+| Moved language toggle inside right panel | AC5 - Correct positioning |
+| Added `h-full` and centering classes to form container | AC2 - Form content centered |