From ea37a2be42a518d733db34aaa4b156e7c7302a49 Mon Sep 17 00:00:00 2001 From: karishmas6 Date: Fri, 14 Jun 2024 23:13:39 +0530 Subject: [PATCH] feat: ui components for nav url form --- src/components/atoms/form.tsx | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 src/components/atoms/form.tsx diff --git a/src/components/atoms/form.tsx b/src/components/atoms/form.tsx new file mode 100644 index 00000000..56a105b3 --- /dev/null +++ b/src/components/atoms/form.tsx @@ -0,0 +1,19 @@ +import styled from 'styled-components'; + +export const NavBarForm = styled.form` + flex: 1px; + margin-left: 5px; + margin-right: 5px; + position: relative; +`; + +export const NavBarInput = styled.input` + box-sizing: border-box; + outline: none; + width: 100%; + height: 24px; + border-radius: 12px; + border: none; + padding-left: 12px; + padding-right: 40px; +`;