Correção da Responsividade para celular e web

2026-06-17 17:14:34 -03:00
parent a01af23691
commit 70d29029f6
6 changed files with 55 additions and 50 deletions
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -33,7 +33,12 @@
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">

  <style>
-    body { font-family: 'Inter', sans-serif; }
+    /* Fonte base maior para conforto de leitura (Tailwind usa rem → escala tudo).
+       16px no desktop e 18px no celular, conforme o padrão de design do projeto. */
+    html { font-size: 17px; }
+    @media (max-width: 767px) { html { font-size: 18px; } }
+
+    body { font-family: 'Inter', sans-serif; -webkit-text-size-adjust: 100%; }
    /* Scrollbar tema escuro */
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: #0a0a0a; }