From 67838229bf0eddfc604f2b13bcdb20c9612be548 Mon Sep 17 00:00:00 2001
From: Mayur Panchal <mayur.panchal@shoptimize.in>
Date: Sat, 31 Jul 2021 18:37:00 +0530
Subject: [PATCH] feat: :sparkles: Change Textfield type to number for Font
 size and line height

Allow users to change the font size using keyboard arrow keys
---
 components/utils/IconsPicker.js | 1 +
 components/utils/TextTab.js     | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/components/utils/IconsPicker.js b/components/utils/IconsPicker.js
index a2d0b49..79c502a 100644
--- 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
index ecd9f21..9e5e6f4 100644
--- 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}