Min font size of 16px to prevent zoom on iOS

2023-06-20 10:18:29 +08:00
parent 07ae720cf5
commit d0140b33d9
1 changed files with 8 additions and 1 deletions
--- a/packages/web/components/elements/LabelsPicker.tsx
+++ b/packages/web/components/elements/LabelsPicker.tsx
@ -112,6 +112,9 @@ export const LabelsPicker = (props: LabelsPickerProps): JSX.Element => {
          marginTop: '0px',
          marginBottom: '0px',
        },
+        '>input': {
+          fontSize: '16px',
+        },
      }}
      onMouseDown={(event) => {
        inputRef.current?.focus()
@ -153,10 +156,14 @@ export const LabelsPicker = (props: LabelsPickerProps): JSX.Element => {
        }}
      >
        <AutosizeInput
-          placeholder={isEmpty ? 'Filter for label' : undefined}
+          placeholder={isEmpty ? 'Add Labels' : undefined}
          inputRef={(ref) => {
            inputRef.current = ref
          }}
+          inputStyle={{
+            fontSize: '16px',
+            minWidth: '100px',
+          }}
          onFocus={() => {
            if (props.onFocus) {
              props.onFocus()