Fix https://github.com/donetick/frontend/issues/72 Add styles to prevent iOS Safari auto-zoom on input focus in index.css and RichTextEditor.css

src/index.css

@@ -32,6 +32,15 @@ html {
 
 
 
+/* Prevent iOS Safari from auto-zooming on input focus (triggered when font-size < 16px) */
+@supports (-webkit-touch-callout: none) {
+  input,
+  textarea,
+  select {
+    font-size: max(16px, 1em);
+  }
+}
+
 /* Ensure smooth transitions for dynamic content */
 * {
   box-sizing: border-box;

src/views/components/RichTextEditor.css

@@ -167,6 +167,13 @@
   line-height: 1.5;
 }
 
+/* Prevent iOS Safari from auto-zooming on focus (triggered when font-size < 16px) */
+@supports (-webkit-touch-callout: none) {
+  .quill-root .ql-editor {
+    font-size: 16px;
+  }
+}
+
 /* Custom focus styles */
 .quill-root:focus-within .ql-toolbar.ql-snow {
   border-color: var(--joy-palette-primary-outlinedBorder, #1976d2);