Bump Nablus workshop flyer size for readability

max-h-40 (160px) was too small to read comfortably; bumped to max-h-56
(224px), between that and the original too-large 256px. Rebuilt frontend
assets and confirmed the class compiled.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Naser Mansour
2026-09-28 00:15:23 +03:00
parent 7b708d2fd7
commit 7d762902a2
3 changed files with 71 additions and 1 deletions
+68
View File
@@ -0,0 +1,68 @@
---
id: 21
title: 21 Nablus Workshop Form - Flyer Size Adjustment
status: Done
date: 2026-09-28
parent: null
---
## Description
Follow-up to tasks 18/19. Naser says the flyer image is now a bit too small to read comfortably
(it was capped to `max-h-40`, 160px) — he wants it bumped up to a size that's still compact but
readable. Pure styling change, no logic involved.
**File to modify:** `resources/views/livewire/pages/forms/nablus-workshop.blade.php`
Current flyer image markup:
```blade
<img
src="{{ asset('images/workshop-nablus-flyer.jpeg') }}"
alt="ورشة متخصصة: القانون، التسويق الرقمي، وإدارة المتاجر الإلكترونية"
class="max-h-40 w-auto mx-auto rounded-lg shadow-[0_2px_8px_rgba(0,0,0,0.1)]"
/>
```
Change only the height cap, `max-h-40` → `max-h-56` (224px — roughly midway between the too-small
160px from task 19 and the too-large 256px from task 18). Nothing else in the class string
changes:
```blade
class="max-h-56 w-auto mx-auto rounded-lg shadow-[0_2px_8px_rgba(0,0,0,0.1)]"
```
`max-h-56` is a standard Tailwind spacing-scale utility (14rem), same family as the `max-h-40`/
`max-h-64` already used in this file's history, so it will compile the same way once the frontend
build runs (see step below — required, do not skip).
**Required build step:** after making the edit, run `npm run build` (node/npm are only reachable
via `source ~/.nvm/nvm.sh && nvm use v24.20.0` in this environment — not on the default PATH) and
grep the freshly generated `public/build/assets/*.css` file for `max-h-56` to confirm it compiled.
Tasks 18/19 shipped a class that silently never took effect because nobody rebuilt the stale
`public/build` bundle — do not repeat that.
## Acceptance Criteria
- [x] The flyer `<img>` tag's class attribute in
`resources/views/livewire/pages/forms/nablus-workshop.blade.php` contains `max-h-56` and
does not contain `max-h-40` or `max-h-64`
- [x] `npm run build` was run after the edit, and `max-h-56` is confirmed present (via grep) in
the newly generated `public/build/assets/*.css` — state the exact filename and grep result
in the completion report
- [x] Visiting `/forms/nablus-workshop` still returns HTTP 200
- [x] The existing test suite for this page (`tests/Feature/Public/NablusWorkshopRegistrationTest.php`)
still passes unchanged
## QA Verification (2026-09-28)
- Class attribute confirmed: `class="max-h-56 w-auto mx-auto rounded-lg shadow-[0_2px_8px_rgba(0,0,0,0.1)]"`
— no `max-h-40`/`max-h-64` present.
- Grepped current `public/build/assets/app-XIQ2Iam8.css` fresh (not trusting the report's
filename) — file confirmed still present with that name, `max-h-56` found in it.
- `curl http://127.0.0.1:8971/forms/nablus-workshop` → HTTP 200.
- `php artisan test tests/Feature/Public/NablusWorkshopRegistrationTest.php` → 7 passed (26 assertions).
## Sub-tasks
None.
+2
View File
@@ -4,6 +4,7 @@
**Last synced:** 2026-09-27 — 17-2 QA passed (7/7 tests), parent 17 Done; full-suite regression gate: 1723 passed / 69 pre-existing unrelated failures **Last synced:** 2026-09-27 — 17-2 QA passed (7/7 tests), parent 17 Done; full-suite regression gate: 1723 passed / 69 pre-existing unrelated failures
**Last synced:** 2026-09-28 — 19 QA passed (logo removed, flyer max-h-40 confirmed, 7/7 tests), Done **Last synced:** 2026-09-28 — 19 QA passed (logo removed, flyer max-h-40 confirmed, 7/7 tests), Done
**Last synced:** 2026-09-28 — 20 QA passed (auth-pattern/bg-background/card/text-body confirmed in compiled CSS and Blade, 7/7 tests), Done **Last synced:** 2026-09-28 — 20 QA passed (auth-pattern/bg-background/card/text-body confirmed in compiled CSS and Blade, 7/7 tests), Done
**Last synced:** 2026-09-28 — 21 QA passed (flyer max-h-56 confirmed in Blade and compiled CSS, HTTP 200, 7/7 tests), Done
| ID | Title | Status | | ID | Title | Status |
|----|-------|--------| |----|-------|--------|
@@ -131,3 +132,4 @@
| 18 | 18 Nablus Workshop Form - Image Sizing Fix | Done | | 18 | 18 Nablus Workshop Form - Image Sizing Fix | Done |
| 19 | 19 Nablus Workshop Form - Remove Logo, Shrink Flyer Further | Done | | 19 | 19 Nablus Workshop Form - Remove Logo, Shrink Flyer Further | Done |
| 20 | 20 Nablus Workshop Form - Match Site Background and Card Styling | Done | | 20 | 20 Nablus Workshop Form - Match Site Background and Card Styling | Done |
| 21 | 21 Nablus Workshop Form - Flyer Size Adjustment | Done |
@@ -39,7 +39,7 @@ new #[Layout('components.layouts.standalone')] class extends Component
<img <img
src="{{ asset('images/workshop-nablus-flyer.jpeg') }}" src="{{ asset('images/workshop-nablus-flyer.jpeg') }}"
alt="ورشة متخصصة: القانون، التسويق الرقمي، وإدارة المتاجر الإلكترونية" alt="ورشة متخصصة: القانون، التسويق الرقمي، وإدارة المتاجر الإلكترونية"
class="max-h-40 w-auto mx-auto rounded-lg shadow-[0_2px_8px_rgba(0,0,0,0.1)]" class="max-h-56 w-auto mx-auto rounded-lg shadow-[0_2px_8px_rgba(0,0,0,0.1)]"
/> />
<x-ui.card highlight> <x-ui.card highlight>