marcoitaloesp-ai
|
5f3bf18b99
|
v1.43.4 - Padronização de badges e botões em todo o sistema
- Badges: Estilo translúcido uniforme (bg-opacity-25 + text-color) via CSS global
- Afetados: RecurringTransactions, Accounts, Categories, TransactionsByWeek
- Widgets: UpcomingWidget, OverdueWidget, CalendarWidget, OverpaymentsAnalysis
- Botões: Estilo outline padronizado (btn-outline-*) em RecurringTransactions
- Simplificação: Remover classes redundantes dos JSX
|
2025-12-16 12:48:08 +00:00 |
|
marcoitaloesp-ai
|
9800f987df
|
v1.43.3 - Mobile: Transações + CategorySelector corrigido
|
2025-12-16 12:32:15 +00:00 |
|
marcoitaloesp-ai
|
1186faca3c
|
v1.42.0 - Mobile UX: Navegação entre semanas no calendário + Widgets colapsáveis consistentes
|
2025-12-16 10:12:47 +00:00 |
|
marcoitaloesp-ai
|
3ba4bed1c4
|
🎨 v1.40.0 - Sidebar Mobile Overlay: UX Reimaginada
Substituída sidebar comprimida por overlay slide-in moderna:
MOBILE (<768px):
- Sidebar ESCONDIDA por padrão (left: -100%)
- Conteúdo em tela cheia (app-main margin-left: 0, width: 100%)
- Hamburger menu (☰) 44x44px no header
- Click hamburger: sidebar slide-in de 280px sobre conteúdo
- Backdrop escuro (rgba(0,0,0,0.5)) para fechar ao clicar fora
- Animação: cubic-bezier(0.4, 0, 0.2, 1) 0.3s
- Shadow: 4px 0 12px rgba(0,0,0,0.5) quando aberta
- Classe .mobile-open para estado aberto
- Auto-close ao redimensionar para desktop
DESKTOP (>=769px):
- Mantém comportamento atual (sidebar fixa colapsável)
- Hamburger e backdrop escondidos
- Toggle colapsa/expande (não esconde)
COMPONENTE (Layout.jsx):
- Estado sidebarOpen (mobile) separado de sidebarCollapsed (desktop)
- isMobile() helper para detectar <768px
- toggleSidebar() inteligente (mobile: open/close | desktop: collapse/expand)
- handleBackdropClick() fecha sidebar mobile
- useEffect cleanup ao resize
CSS:
- @media (max-width: 768px) com sidebar overlay
- @media (min-width: 769px) esconde mobile-only elements
- Removidas regras conflitantes de sidebar 56px/50px
- Safe area: padding-left/right 0 em body para permitir overlay
- Touch target hamburger: 44x44px com hover effect
Deploy: frontend/dist
|
2025-12-16 08:35:10 +00:00 |
|
marcoitaloesp-ai
|
db82316461
|
🔧 v1.39.2 - FIX CRÍTICO: Responsividade iPhone forçada
CSS anterior não aplicava devido a conflitos de especificidade.
Adicionado regras com maior prioridade em TODOS estilos críticos:
SIDEBAR MOBILE (<768px):
- width: 60px forçado
- app-main margin-left: 60px forçado
- Texto/logos escondidos (display/opacity/visibility none)
- Links centralizados, padding 0.75rem
SIDEBAR ULTRA-COMPACTA (<430px):
- width: 56px forçado
- app-main margin-left: 56px forçado
SIDEBAR LANDSCAPE:
- width: 50px forçado
- app-main margin-left: 50px forçado
LAYOUT OTIMIZADO:
- Cards: padding 0.5-0.75rem reduzido
- Containers: padding 0.5rem
- Row margins: -0.25rem para aproveitar espaço
- Modais: margin 0.5rem, max-width otimizada
- Tabelas: font 0.8rem, padding ultra-compacto
SAFE AREAS:
- app-sidebar: padding-top/bottom com env()
- app-main: padding-bottom com env()
- Modais: margins com calc()
PWA STANDALONE:
- overscroll-behavior none
- sidebar position fixed, overflow-y auto
Deploy: frontend/dist completamente substituído
|
2025-12-16 08:29:57 +00:00 |
|
marcoitaloesp-ai
|
2e45f29a06
|
🎨 v1.39.1 - Responsividade otimizada para iPhone/iOS
Otimizações específicas para melhorar UX em dispositivos iOS:
VIEWPORT & SAFE AREAS:
- viewport-fit=cover para suporte a notch/Dynamic Island
- user-scalable=no para prevenir zoom acidental
- Safe area insets em body, navbar e modais
- @supports padding: max() para compatibilidade
TOUCH TARGETS (Apple HIG):
- Botões mínimos 44x44px
- touch-action: manipulation (desabilita zoom duplo-toque)
- tap-highlight otimizado (azul translúcido)
INPUTS & FORMS:
- font-size 16px para prevenir zoom automático no iOS
- -webkit-appearance: none (reset iOS)
- border-radius fixo (iOS reseta)
SCROLL & PERFORMANCE:
- overscroll-behavior-y: none (sem bounce)
- -webkit-overflow-scrolling: touch (scroll suave)
- Dropdowns com max-height e touch scrolling
MEDIA QUERIES:
- @media (max-width: 430px) - iPhone 14 Pro Max e menores
- @media (max-height: 430px) - Landscape mode
- Ajustes de fonte: 10pt base em telas pequenas
- Padding/margins reduzidos
- Canvas: 250px (portrait) / 180px (landscape)
PWA:
- @media (display-mode: standalone) - Remove bounce quando instalado
Deploy: frontend/dist deployed to 213.165.93.60
|
2025-12-16 08:26:04 +00:00 |
|
marcoitaloesp-ai
|
99be24e309
|
v1.32.1 - Fix Reports category totals bug, fix overdue endpoint, configure weekly server updates
|
2025-12-14 18:53:46 +00:00 |
|
CnxiFly Dev
|
84a1dbae29
|
v1.27.4: Quick categorize, multi-currency dashboard, responsive sidebar, iPad Pro optimizations
|
2025-12-13 21:12:17 +01:00 |
|
CnxiFly Dev
|
6bb1adeef6
|
feat: IconSelector no modal de categoria + traducao costCenters.costCenter + categorias UTF-8 corrigidas
|
2025-12-13 18:33:14 +01:00 |
|