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>
|
||||
</h4>
|
||||
<h4
|
||||
className="RoomButton__room-link RoomButton__room-link--info"
|
||||
className="RoomButton__room-link RoomButton__room-link--info --link"
|
||||
onClick={e => showRoomDetail(room.id)}
|
||||
>
|
||||
?
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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>
|
||||
);
|
||||
|
|
Loading…
Reference in a new issue