From a5d9c1e11fc52cc89bccd1963d98655d7665c926 Mon Sep 17 00:00:00 2001 From: developomp Date: Tue, 17 Aug 2021 09:21:52 +0900 Subject: [PATCH] fixed uncentered search bar --- source/src/pages/Search.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/source/src/pages/Search.tsx b/source/src/pages/Search.tsx index 5333756..fad7699 100644 --- a/source/src/pages/Search.tsx +++ b/source/src/pages/Search.tsx @@ -40,6 +40,7 @@ const StyledSearchControlContainer = styled.form` @media screen and (max-width: ${theming.size.screen_size2}) { margin-top: 2rem; + margin-left: 0; } ` @@ -56,15 +57,15 @@ const StyledSearchBar = styled.input` width: 100%; border-radius: 100px; /* arbitrarily large value */ height: 3rem; - padding: 0 0 0 1rem; + text-indent: 1rem; font-size: 1.25rem; + outline: none; border: ${(props) => theming.theme(props.theme.currentTheme, { light: "1px solid #ccc", dark: "1px solid #555", })}; - outline: none; background-color: ${(props) => theming.theme(props.theme.currentTheme, {