fix(panel-app): exibe conexões e preview de perfil no mobile - #515
Conversation
A coluna com o preview do perfil e o <livewire:connection-hub /> estava marcada como `hidden xl:block`, sem nenhum fallback pra breakpoints menores. Abaixo de 1280px ela não renderizava — não era sobreposição visual, o card de conexões simplesmente não existia no DOM. Remove o hidden e mantém sticky só a partir do xl, deixando a coluna empilhar normalmente abaixo do formulário em telas menores. Claude-Session: https://claude.ai/code/session_01UuQzhshbSneNfvFWC6gZ6z
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Repository YAML (base), Central YAML (inherited) Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (1)
Included review availability: Your plan provides up to 2 included reviews per hour; 1 remains after this review. 📝 WalkthroughWalkthroughThe profile page preview and connections column is now visible on smaller screens. Its extra-large sticky positioning remains unchanged. Suggested reviewers: Merge Risk: ⚪ Minimal · up to This localized profile layout change makes the connections and profile preview visible on smaller screens while preserving desktop positioning; no actionable merge-blocking risk remains beyond normal checks and review. 🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Close #513
Summary
<livewire:connection-hub />) usavahidden xl:blocksem nenhum fallback para breakpoints menores, então abaixo de 1280px ela não renderizava — o card deconexões não aparecia mesmo empilhado, simplesmente não existia no DOM.
hidden/xl:blocke mantémsticky/top-4só a partir doxl, deixando a coluna sempre visível e empilhando naturalmente abaixo do formulário em telas menores.Closes #513
Test plan
/profileem viewport mobile/tablet (DevTools ou dispositivo real) e confirmar que o card de conexões aparece e é editável