{"id":"c1128","filename":"c1128_hub_mobile_first_redesign.dok.json","weise3_id":"","tip":"UX_REDESIGN","naziv":"Hub mobile-first redizajn — vertikalan, profesionalan","kreator":"genesis","datum":"","snippet":"","status":"LIVE","prev_weise3":"","bunker_l":"#00d4ff","full":{"cid":"c1128","naziv":"Hub mobile-first redizajn — vertikalan, profesionalan","tip":"UX_REDESIGN","ivan_kaze":"nije prilagođen mobitelu - vertikalnom prikazu - možeš li to redizajnirati - na profesionalni način. neka se proteže dokle hoće samo da je sve pregledno i funkcionalno","promjena_arhitekture":{"prije":"CSS Grid s 3 stupcima (header/left/main/right/footer), fiksne visine, na mobile pakirano","poslije":"Flex column mobile-first — Sve sekcije vertikalno, scroll prirodan, dezsktop dobiva grid u zasebnom @media"},"mobile_layout":["1. Header sticky (logo + 📷 + 🌙) — safe-area-inset-top za iOS","2. AI search (12px margin)","3. Stats grid 3 brojača (atoma / zelenih / €)","4. Chain canvas 360px height (touch interaction)","5. Porezna status bar (pulse + tekst + pill)","6. Brze akcije — GRID 3x2 ikon-dugmadi (square, 84px high)","7. Live feed (klikabilan, ikona + naziv + iznos)","8. Moduli — horizontal scroll snap pills","9. Footer info (PWA install link)"],"desktop_breakpoint":"1024px — actions grid postaje 6 stupaca, canvas 500px","ux_poboljšanja":["Touch targets min 42px (header), 84px (action cards), 12px padding (rows)","Action cards aspect-ratio 1 (kvadratni), ikona velika 1.7rem, label 0.75rem","Modal slide-up s dna na mobile (bottom-sheet pattern, kao iOS)","Modal centered s rounded corners na desktop (>= 768px)","Sticky header s backdrop-blur (premium native feel)","Modal close gumb 38px circle, lijevo margin","Canvas controls (zoom +/-/reset) malji, manje invazivni","Pulse animacija manja (12px), shadow elev pop"],"uklonjene_pogreške":["Bivši grid imao 'grid-template-areas' previse fiksne — mobile prelivanje","Canvas bio 280px on mobile — premalo za interakciju","Brze akcije bili lista — premali za touch","Modal bottom imao samo padding, sad puno bottom-sheet (lijepo)","Feed iznos overlapao naziv — sad flex layout"],"performance":["Service worker cache (offline-first)","Touch events passive: false samo gdje treba (touchmove)","DPR scaling canvas za retina screens","Sticky header reduced layout shift"],"deploy":{"EU":"✓","NEW":"✓","DE":"✓","MAR":"✓","ES":"✓","velicina":"57025 B (porastao zbog kompletnog redizajna)"},"test_url":"https://limit-connect.com/quantum/hub.html","test_uputa":"Hard refresh (Ctrl+Shift+R) — novi SW, novi CSS","promatrac":"CC (Claude Code)","status":"LIVE"}}