diff --git a/app/components/Chat.tsx b/app/components/Chat.tsx index b7b93b6..aa9967f 100644 --- a/app/components/Chat.tsx +++ b/app/components/Chat.tsx @@ -494,7 +494,7 @@ const Chat = ({ onFocus={() => setInputFocused(true)} onBlur={() => setInputFocused(false)} placeholder={placeholder} - className="flex-grow min-w-0 bg-transparent border-0 text-[15px] text-ink placeholder:text-muted focus:outline-none py-1.5" + className="flex-grow min-w-0 bg-transparent border-0 text-ink placeholder:text-muted focus:outline-none py-1.5" onKeyDown={(e) => { if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); diff --git a/app/components/ManualMedicineForm.tsx b/app/components/ManualMedicineForm.tsx index 468a64f..e8db2a5 100644 --- a/app/components/ManualMedicineForm.tsx +++ b/app/components/ManualMedicineForm.tsx @@ -123,7 +123,7 @@ const ManualMedicineForm = ({ onBlur={() => handleBlur("name")} placeholder="Ex: Paracetamol" autoFocus - className={`w-full bg-paper border rounded-lg px-3 py-2.5 text-[15px] text-ink placeholder:text-faint focus:outline-none transition-colors ${ + className={`w-full bg-paper border rounded-lg px-3 py-2.5 text-ink placeholder:text-faint focus:outline-none transition-colors ${ errors.name ? "border-error bg-error-soft focus:border-error" : "border-border focus:border-ink" @@ -154,7 +154,7 @@ const ManualMedicineForm = ({ onChange={(e) => handleChange("activeSubstance", e.target.value)} onBlur={() => handleBlur("activeSubstance")} placeholder="Ex: Paracetamol" - className={`w-full bg-paper border rounded-lg px-3 py-2.5 text-[15px] text-ink placeholder:text-faint focus:outline-none transition-colors ${ + className={`w-full bg-paper border rounded-lg px-3 py-2.5 text-ink placeholder:text-faint focus:outline-none transition-colors ${ errors.activeSubstance ? "border-error bg-error-soft focus:border-error" : "border-border focus:border-ink" @@ -190,7 +190,7 @@ const ManualMedicineForm = ({ value={formData.brand} onChange={(e) => handleChange("brand", e.target.value)} placeholder="Ex: Ben-u-ron, Genérico" - className="w-full bg-paper border border-border rounded-lg px-3 py-2.5 text-[15px] text-ink placeholder:text-faint focus:border-ink focus:outline-none transition-colors" + className="w-full bg-paper border border-border rounded-lg px-3 py-2.5 text-ink placeholder:text-faint focus:border-ink focus:outline-none transition-colors" /> @@ -209,7 +209,7 @@ const ManualMedicineForm = ({ value={formData.dosage} onChange={(e) => handleChange("dosage", e.target.value)} placeholder="Ex: 500 mg, 1 g" - className="w-full bg-paper border border-border rounded-lg px-3 py-2.5 text-[15px] text-ink placeholder:text-faint focus:border-ink focus:outline-none transition-colors" + className="w-full bg-paper border border-border rounded-lg px-3 py-2.5 text-ink placeholder:text-faint focus:border-ink focus:outline-none transition-colors" />
Ajuda a distinguir entre embalagens diferentes do mesmo medicamento diff --git a/app/components/PDFViewer.tsx b/app/components/PDFViewer.tsx index 385ac35..f330925 100644 --- a/app/components/PDFViewer.tsx +++ b/app/components/PDFViewer.tsx @@ -269,7 +269,7 @@ const PDFViewer = ({ onClose, width = 40, isTabMode = false }: PDFViewerProps) = onChange={(e) => setPageInput(e.target.value)} onBlur={handlePageInputSubmit} onKeyDown={(e) => e.key === "Enter" && handlePageInputSubmit()} - className="w-12 text-center text-sm border border-border rounded-sm py-1 bg-paper text-ink focus:outline-none focus:ring-1 focus:ring-brand" + className="w-12 text-center border border-border rounded-sm py-1 bg-paper text-ink focus:outline-none focus:ring-1 focus:ring-brand" min={1} max={totalPages} autoFocus diff --git a/app/components/SearchScreen.tsx b/app/components/SearchScreen.tsx index f268e50..7c9505b 100644 --- a/app/components/SearchScreen.tsx +++ b/app/components/SearchScreen.tsx @@ -91,7 +91,7 @@ const SearchScreen = ({ onChange={(e) => setQuery(e.target.value)} onKeyDown={(e) => e.key === "Enter" && handleSearch()} placeholder="Ben-u-ron 500 mg" - className="flex-1 text-[15px] text-ink bg-transparent border-none outline-none placeholder:text-muted py-1 min-h-0" + className="flex-1 text-ink bg-transparent border-none outline-none placeholder:text-muted py-1 min-h-0" autoFocus disabled={parsing} /> diff --git a/app/index.css b/app/index.css index 65cb92d..659e0d2 100644 --- a/app/index.css +++ b/app/index.css @@ -78,6 +78,15 @@ #root { @apply h-full; } + + /* iOS Safari auto-zooms into a focused form control whose font-size is below + 16px, then pans the viewport and clips content off the right edge. Keep + every input at the 16px minimum to suppress that zoom-on-focus. */ + input, + textarea, + select { + font-size: 16px; + } } /* Custom utilities */