@@ -76,7 +76,7 @@ export default function HomePage() {
|
||||
</NavLink>
|
||||
<NavLink className="link" to={"/favs"}>
|
||||
<Tooltip tip="Favorites">
|
||||
<FavIcon className="fav" />
|
||||
<FavIcon />
|
||||
</Tooltip>
|
||||
</NavLink>
|
||||
<NavLink className="link" to={"/files"}>
|
||||
@@ -85,7 +85,7 @@ export default function HomePage() {
|
||||
</Tooltip>
|
||||
</NavLink>
|
||||
</nav>
|
||||
<div className="divider"></div>
|
||||
{/* <div className="divider"></div> */}
|
||||
<Menu />
|
||||
</div>
|
||||
<div className="col right">
|
||||
|
||||
@@ -32,27 +32,25 @@ const StyledWrapper = styled.div`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
padding: 24px 8px 10px 8px;
|
||||
padding: 24px 12px;
|
||||
.link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
text-decoration: none;
|
||||
padding: 8px;
|
||||
padding: 8px 12px;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
color: #4b5563;
|
||||
border-radius: 8px;
|
||||
svg.fav path {
|
||||
fill: #344054;
|
||||
}
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
&.active {
|
||||
background-color: #55c7ec;
|
||||
svg path {
|
||||
fill: #55c7ec;
|
||||
fill: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user