Showing
2 changed files
with
10 additions
and
4 deletions
... | @@ -8,13 +8,13 @@ import { SiThunderbird } from "react-icons/si"; | ... | @@ -8,13 +8,13 @@ import { SiThunderbird } from "react-icons/si"; |
8 | function Bottombar() { | 8 | function Bottombar() { |
9 | return ( | 9 | return ( |
10 | <div className="bottombar"> | 10 | <div className="bottombar"> |
11 | - <NavLink to="/tell"> | 11 | + <NavLink to="/tell" className="bottomBtn"> |
12 | <FaKiwiBird /> | 12 | <FaKiwiBird /> |
13 | </NavLink> | 13 | </NavLink> |
14 | - <NavLink to="/users"> | 14 | + <NavLink to="/users" className="bottomBtn"> |
15 | <GiNestBirds /> | 15 | <GiNestBirds /> |
16 | </NavLink> | 16 | </NavLink> |
17 | - <NavLink to="/message"> | 17 | + <NavLink to="/message" className="bottomBtn"> |
18 | <SiThunderbird /> | 18 | <SiThunderbird /> |
19 | </NavLink> | 19 | </NavLink> |
20 | </div> | 20 | </div> | ... | ... |
... | @@ -46,6 +46,12 @@ | ... | @@ -46,6 +46,12 @@ |
46 | font-size: 1.5rem; | 46 | font-size: 1.5rem; |
47 | height: 2.8rem; | 47 | height: 2.8rem; |
48 | a { | 48 | a { |
49 | - box-shadow: 3px 3px 3px 3px gray; | 49 | + box-shadow: 3px 3px 3px 0px gray; |
50 | + } | ||
51 | + .bottomBtn { | ||
52 | + margin-right: 0.2rem; | ||
53 | + margin-left: 0.2rem; | ||
54 | + border: 1px solid gray; | ||
55 | + border-radius: 3px; | ||
50 | } | 56 | } |
51 | } | 57 | } | ... | ... |
-
Please register or login to post a comment