Leonardo
30367392ff
Refatora MelissaBusca pra usar PrimeVue Dialog em vez de popover absolute. Resolve definitivamente o bug do panel estourar viewport quando ha muitos resultados. Mudancas: 1. Trigger no dock: input -> <button> com aparencia de input. Clica ou Ctrl+K abre Dialog. Mantem placeholder + Ctrl+K kbd hint. 2. Dialog Spotlight: 640px max-width, posicionado 10vh do topo (estilo Spotlight macOS / Linear / GitHub). Backdrop blur escuro, dismissable mask, sem header, sem closable button (Esc cobre). 3. Input REAL dentro do Dialog: autofocus on open via nextTick. Mantem v-model="query" + @keydown="onKeydown" (Arrow/Enter). 4. Panel de resultados: era position:absolute com max-height:60vh (estourava em layouts com input perto do bottom). Agora vive DENTRO do Dialog (flex:1, max-height:70vh no content), scroll interno garantido por design — conteudo NUNCA passa do bottom da pagina. 5. Remove: onClickOutside (dismissableMask cobre), Transition mb-fade (Dialog tem sua animacao). Comportamento end-user identico (Ctrl+K, navegacao com setas, Enter seleciona, Esc fecha) mas visual + manutencao muito melhor. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Sakai is an application template for Vue based on the create-vue, the recommended way to start a Vite-powered Vue projects.
Visit the documentation to get started.