patch link underline styles
This commit is contained in:
parent
176c087599
commit
f2c0ce62fe
3 changed files with 13 additions and 5 deletions
|
@ -56,7 +56,7 @@ const RoomButton = ({room, roomDetail, showRoomDetail}) => {
|
||||||
<Link to={`/rooms/${room.id}`}>Join {room.name}</Link>
|
<Link to={`/rooms/${room.id}`}>Join {room.name}</Link>
|
||||||
</h4>
|
</h4>
|
||||||
<h4
|
<h4
|
||||||
className="RoomButton__room-link RoomButton__room-link--info"
|
className="RoomButton__room-link RoomButton__room-link--info --link"
|
||||||
onClick={e => showRoomDetail(room.id)}
|
onClick={e => showRoomDetail(room.id)}
|
||||||
>
|
>
|
||||||
?
|
?
|
||||||
|
|
|
@ -55,6 +55,14 @@ h4 {
|
||||||
font-size: 110%;
|
font-size: 110%;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover, a:active {
|
a:hover, a:active, {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.--link {
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -12,15 +12,15 @@ const NavBar = (props) => {
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
<Link to="/home" >
|
<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>
|
||||||
|
|
||||||
<Link to="/news">
|
<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>
|
||||||
|
|
||||||
<Link to="/account">
|
<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>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in a new issue