From e6f6fa74bfcbd224c6ce64a58f7b643a68ee4743 Mon Sep 17 00:00:00 2001 From: mahdi Date: Tue, 3 May 2022 15:02:06 +0430 Subject: [PATCH] update 8 files --- src/App.js | 6 +++--- src/components/AnimatedInput/Input.js | 11 ++++++----- src/components/DateRangePicker/index.js | 3 ++- src/components/FormInput/index.js | 9 +++++---- src/components/ReactTable5/BasicTable.js | 2 +- src/index.scss | 15 ++++++++++++++- 6 files changed, 31 insertions(+), 15 deletions(-) diff --git a/src/App.js b/src/App.js index fffa021..389defe 100644 --- a/src/App.js +++ b/src/App.js @@ -187,7 +187,7 @@ function App() { {/* */} {/* ----------------------------$$$ end---------------------------- */} - {/* */} + {/* */} {/* ----------------------------$$$ start---------------------------- */} @@ -209,7 +209,7 @@ function App() { - + {/* */} @@ -265,7 +265,7 @@ function App() { {/* */} {/* ----------------------------$$$ end---------------------------- */} - {/* */} + {/* */} diff --git a/src/components/AnimatedInput/Input.js b/src/components/AnimatedInput/Input.js index 3bc1b80..bb41d4b 100644 --- a/src/components/AnimatedInput/Input.js +++ b/src/components/AnimatedInput/Input.js @@ -9,6 +9,7 @@ const FormFields = ({ set, label, borderClassname, + inputClassname, type, maxLength, max, @@ -17,7 +18,7 @@ const FormFields = ({ onClick, }) => { const [value, setValue] = useState(defaultValue); - + console.log(value); return (
{label} @@ -53,8 +54,8 @@ const FormFields = ({ if (!isNaN(min) && +e.target.value < min) value = min; e.target.value = value; }} - className={`rtl w-full h-full px-4 py-2 outline-0 text-xs rounded-md text-[#0F0543] focus:bg-white border-[#E0E0E0] focus:border-[#2483E1] focus:ring-transparent - ${value === "" ? "bg-red-200 " : "bg-[#F9F9F9] "} `} + className={`rtl w-full h-full px-4 py-2 outline-0 text-xs rounded-md text-[#0F0543] focus:bg-white border-[#E0E0E0] focus:border-[#2483E1] focus:ring-transparent + ${!value ? "bg-[#F9F9F9] " : "bg-white "} `} onChange={(e) => setValue(e.target.value)} inputMode={type === "number" ? "numeric" : ""} /> diff --git a/src/components/DateRangePicker/index.js b/src/components/DateRangePicker/index.js index 93145c0..83840c9 100644 --- a/src/components/DateRangePicker/index.js +++ b/src/components/DateRangePicker/index.js @@ -49,11 +49,12 @@ function CustomRangeInput({ openCalendar, value }) { const DateRangePicker = () => { return ( -
+
{/*
*/} { const [selectedInput, setSelectedInput] = useState(false); return ( -
+
{ />
- تاریخ ورود + {" "} + {/* - + /> */}
); diff --git a/src/components/ReactTable5/BasicTable.js b/src/components/ReactTable5/BasicTable.js index b308891..468109d 100644 --- a/src/components/ReactTable5/BasicTable.js +++ b/src/components/ReactTable5/BasicTable.js @@ -240,7 +240,7 @@ const BasicTable = ({ addTab, activeTab }) => { className: cell.column.className, })} style={{ - padding: "12px", + padding: "20px", fontSize: "13px", textAlign: "right", whiteSpace: "nowrap", diff --git a/src/index.scss b/src/index.scss index 48c4a2e..905ddd7 100644 --- a/src/index.scss +++ b/src/index.scss @@ -19,7 +19,12 @@ body { direction: rtl; background-color: #f5f5f5; } - +.rtl { + direction: rtl; +} +.ltr { + direction: ltr; +} .comment-num { font-size: 8px; padding-top: 4px; @@ -28,6 +33,14 @@ body { padding-right: 4px; border-radius: 50%; } +.rmdp-container { + display: flex !important; + flex-direction: column-reverse; +} +.rmdp-container > div { + position: relative !important; + transform: none !important; +} // TODO Start Alert Component