xmengnet/yacd
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

chore: github repo url as logo onclick link

Browse source
This commit is contained in:
Haishan 2018-12-18 21:57:19 +08:00
parent 7c3564124e
commit ce049e2745
2 changed files with 15 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/SideBar.js
View file

@ -37,9 +37,16 @@ function SideBar() {
const { switchTheme } = useActions(actions); const { switchTheme } = useActions(actions);
return ( return (
<div className={s.root}> <div className={s.root}>
<div className={s.logo}> <a
<Icon id={yacd.id} width={80} height={80} /> href="https://github.com/haishanh/yacd"
</div> className={s.logoLink}
target="_blank"
rel="noreferrer"
>
<div className={s.logo}>
<Icon id={yacd.id} width={80} height={80} />
</div>
</a>
<div className={s.rows}> <div className={s.rows}>
<SideBarRow to="/" iconId={activity.id} labelText="Overview" /> <SideBarRow to="/" iconId={activity.id} labelText="Overview" />

11
src/components/SideBar.module.scss
View file

@ -3,6 +3,10 @@
position: relative; position: relative;
} }
.logoLink {
display: block;
}
.logo { .logo {
display: flex; display: flex;
align-items: center; align-items: center;
@ -21,7 +25,7 @@
} }
} }
// a router linke // a router link
.rowActive, .rowActive,
.row { .row {
color: var(--color-text); color: var(--color-text);
@ -31,11 +35,6 @@
align-items: center; align-items: center;
padding: 8px 20px; padding: 8px 20px;
// &:hover {
// color: white;
// background: #494b4e;
// }
svg { svg {
color: var(--color-icon); color: var(--color-icon);
} }