Showing
1 changed file
with
26 additions
and
0 deletions
1 | +import React from "react"; | ||
2 | +import styled from "styled-components"; | ||
3 | + | ||
4 | +const SearchBox = styled.div` | ||
5 | + display: flex; | ||
6 | +`; | ||
7 | + | ||
8 | +const SearchInput = styled.input` | ||
9 | + width: 450px; | ||
10 | + height: 50px; | ||
11 | + border-radius: 40px; | ||
12 | + border: none; | ||
13 | + outline: none; | ||
14 | + text-align: center; | ||
15 | + background-color: #ebebeb; | ||
16 | + opacity: 0.5; | ||
17 | + font-size: 20px; | ||
18 | +`; | ||
19 | + | ||
20 | +export default () => { | ||
21 | + return ( | ||
22 | + <SearchBox> | ||
23 | + <SearchInput placeholder={"Search User"} /> | ||
24 | + </SearchBox> | ||
25 | + ); | ||
26 | +}; |
-
Please register or login to post a comment