From c89547596e0ad4b6d55f75b65200cce818d3cf76 Mon Sep 17 00:00:00 2001 From: Sarthak Bakre Date: Fri, 27 Sep 2024 21:31:29 +0530 Subject: [PATCH] feat: updated example and main styling --- example/components/code_editor_example.tsx | 11 ----------- example/components/validation_example.tsx | 5 ----- src/components/InputOD.tsx | 1 - 3 files changed, 17 deletions(-) diff --git a/example/components/code_editor_example.tsx b/example/components/code_editor_example.tsx index d424736..a4d8c89 100644 --- a/example/components/code_editor_example.tsx +++ b/example/components/code_editor_example.tsx @@ -9,21 +9,10 @@ const CodeEditorExample = () => { const linesRef = React.useRef(null); const styles = { - container: { - padding: '20px', - }, input: { fontSize: '16px', color: 'white', }, - placeholder: { - color: '#999', - }, - inputFocus: { - outline: 'none', - borderColor: '#00bfff', - boxShadow: '0 8px 16px rgba(0, 191, 255, 0.4)', - }, }; return ( diff --git a/example/components/validation_example.tsx b/example/components/validation_example.tsx index 3f66fea..cd899e0 100644 --- a/example/components/validation_example.tsx +++ b/example/components/validation_example.tsx @@ -15,11 +15,6 @@ const ValidationExample = () => { transition: 'all 0.3s ease-in-out', boxShadow: '0 4px 8px rgba(0, 0, 0, 0.2)', }, - inputFocus: { - outline: 'none', - borderColor: '#00bfff', - boxShadow: '0 8px 16px rgba(0, 191, 255, 0.4)', - }, }; return ( diff --git a/src/components/InputOD.tsx b/src/components/InputOD.tsx index ff2f839..0cc4823 100644 --- a/src/components/InputOD.tsx +++ b/src/components/InputOD.tsx @@ -38,7 +38,6 @@ export const InputOD = ({ id="main_input" style={{ outline: 'none', - fontSize: "16px", ...textStyle, }} contentEditable="true"