Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-02-22 02:41:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

align sidebar icons with text. make discord icon slightly bigger

Browse Source
This commit is contained in:
sawka 2023-10-12 21:05:04 -07:00
parent b23cbbbfc7
commit ab9ed54b46
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/sidebar/MainSideBar.tsx
View File

@ -241,7 +241,7 @@ class MainSideBar extends React.Component<{}, {}> {
Documentation
</div>
<div className="item hoverEffect" onClick={() => openLink("https://discord.gg/XfvZ334gwU")}>
<DiscordIcon className="icon" />
<DiscordIcon className="icon discord" />
Talk to us
</div>
</div>

8
src/app/sidebar/sidebar.less
View File

@ -92,12 +92,18 @@
vertical-align: middle;
}
.icon {
margin: 0 0.5em;
margin: 0 0.5em 2px 0.5em;
width: 1em;
height: 1em;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
&.discord {
width: 1.2em;
height: 1.2em;
margin: 0 0.4em 2px 0.4em;
}
}
.hotkey {
float: right;