pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

fixed uncentered search bar

Browse source
This commit is contained in:
Kim, Jimin 2021-08-17 09:21:52 +09:00
parent 4cb73005f8
commit a5d9c1e11f
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
source/src/pages/Search.tsx
View file

@ -40,6 +40,7 @@ const StyledSearchControlContainer = styled.form`
@media screen and (max-width: ${theming.size.screen_size2}) { @media screen and (max-width: ${theming.size.screen_size2}) {
margin-top: 2rem; margin-top: 2rem;
margin-left: 0;
} }
` `
@ -56,15 +57,15 @@ const StyledSearchBar = styled.input`
width: 100%; width: 100%;
border-radius: 100px; /* arbitrarily large value */ border-radius: 100px; /* arbitrarily large value */
height: 3rem; height: 3rem;
padding: 0 0 0 1rem; text-indent: 1rem;
font-size: 1.25rem; font-size: 1.25rem;
outline: none;
border: ${(props) => border: ${(props) =>
theming.theme(props.theme.currentTheme, { theming.theme(props.theme.currentTheme, {
light: "1px solid #ccc", light: "1px solid #ccc",
dark: "1px solid #555", dark: "1px solid #555",
})}; })};
outline: none;
background-color: ${(props) => background-color: ${(props) =>
theming.theme(props.theme.currentTheme, { theming.theme(props.theme.currentTheme, {