patch link underline styles

This commit is contained in:
Sorrel Bri 2020-04-13 18:58:55 -07:00
parent 176c087599
commit f2c0ce62fe
3 changed files with 13 additions and 5 deletions

View file

@ -56,7 +56,7 @@ const RoomButton = ({room, roomDetail, showRoomDetail}) => {
<Link to={`/rooms/${room.id}`}>Join {room.name}</Link>
</h4>
<h4
className="RoomButton__room-link RoomButton__room-link--info"
className="RoomButton__room-link RoomButton__room-link--info --link"
onClick={e => showRoomDetail(room.id)}
>
?

View file

@ -55,6 +55,14 @@ h4 {
font-size: 110%;
}
a:hover, a:active {
a:hover, a:active, {
text-decoration: underline;
}
.--link {
cursor: pointer;
&:hover {
text-decoration: underline;
}
}

View file

@ -12,15 +12,15 @@ const NavBar = (props) => {
</Link>
<Link to="/home" >
<div className="NavBar__menu-item NavBar__home"><p>Find a Game</p></div>
<div className="NavBar__menu-item NavBar__home"><p className="--link">Find a Game</p></div>
</Link>
<Link to="/news">
<div className="NavBar__menu-item NavBar__news"><p>News</p></div>
<div className="NavBar__menu-item NavBar__news"><p className="--link">News</p></div>
</Link>
<Link to="/account">
<div className="NavBar__menu-item NavBar__acount">{props.user ? props.user.username : <></>}</div>
<div className="NavBar__menu-item NavBar__account">{props.user ? props.user.username : <></>}</div>
</Link>
</div>
);