Eric Whale

Edit bottombar style

...@@ -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 }
......