Mirrored_Repos/wabbajack
1
0
Fork 0
mirror of https://github.com/wabbajack-tools/wabbajack.git synced 2024-08-30 18:42:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

SideBar component wasn't committed.

Browse Source
This commit is contained in:
Unnoen 2022-01-11 18:26:33 +11:00
parent 9d38ff26ac
commit 0e745b86f5
No known key found for this signature in database
GPG Key ID: 8F8E42252BA20553
3 changed files with 45 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Wabbajack.App.Blazor/.gitignore vendored
View File

@ -1,2 +1,2 @@
**/*.razor.css **/*.css
**/*.razor.css.map **/*.css.map

11
Wabbajack.App.Blazor/Components/SideBar.razor Normal file
View File

@ -0,0 +1,11 @@
<div id="side-bar">
<img class="logo" src="images/Logo_Dark_Transparent.png" alt="Wabbajack Logo">
<div class="socials">
<img src="images/icons/patreon.svg" alt="">
<img src="images/icons/github.svg" alt="">
<img src="images/icons/discord.svg" alt="">
</div>
</div>
@code {
}

32
Wabbajack.App.Blazor/Components/SideBar.razor.scss Normal file
View File

@ -0,0 +1,32 @@
@import "../Shared/Globals.scss";
#side-bar {
position: fixed;
height: 100%;
width: $sidebar-width;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
border-right: 1px solid #404040;
.logo {
padding: 0.5rem;
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
max-width: 100%;
height: auto;
}
.socials {
width: 30px;
img {
width: 100%;
height: auto;
margin-bottom: 30px;
}
}
}