feat: ✨ Change Textfield type to number for Font size and line height

Allow users to change the font size using keyboard arrow keys
saviomartin · Jul 31, 2021 · 6783822 · 6783822
1 parent 82c4719
commit 6783822
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/components/utils/IconsPicker.js b/components/utils/IconsPicker.js
@@ -88,6 +88,7 @@ const IconsPicker = ({ data, setData }) => {
       <p className="text-xs text-[#666] dark:text-[#bbb] my-3">Icon Size</p>
       <TextField
         label="Font Size"
+        type="number"
         variant="outlined"
         size="small"
         value={data.icon.fontSize}

diff --git a/components/utils/TextTab.js b/components/utils/TextTab.js
@@ -87,6 +87,7 @@ const TextTab = ({ title, setTitle, name }) => {
       <p className="text-xs text-[#666] dark:text-[#bbb] my-3">Font Size</p>
       <TextField
         label="Font Size"
+        type="number"
         variant="outlined"
         size="small"
         value={title.fontSize}
@@ -96,6 +97,7 @@ const TextTab = ({ title, setTitle, name }) => {
       <p className="text-xs text-[#666] dark:text-[#bbb] my-3">Line Height</p>
       <TextField
         label="Line Height"
+        type="number"
         variant="outlined"
         size="small"
         value={title.lineHeight}