troogs/FoodsharingOnboarding
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Dynamic sidebar logo

Browse Source
This commit is contained in:
Andre Beging
2022-05-30 14:35:05 +02:00
parent 68bafaa3a2
commit fd2d44e3aa
5 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
FoodsharingSiegen.Server/Shared/NavMenu.razor
View File

@@ -1,4 +1,5 @@
<nav class="flex-column">
<div class="nav-logo"></div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="profile" Match="NavLinkMatch.All">
<span class="fas fa-user mr-1" aria-hidden="true" style="font-size: 1.4em;"></span> Profil

17
FoodsharingSiegen.Server/Shared/NavMenu.razor.css
View File

@@ -8,6 +8,23 @@ nav {
}
}
nav .nav-logo {
background-image: url(img/logo_text.png);
height: 100px;
width: 200px;
margin: auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media screen and (min-width: 992px) {
nav .nav-logo {
height: 250px;
background-image: url(img/logo.png);
}
}
.oi {
width: 2rem;
font-size: 1.1rem;

15
FoodsharingSiegen.Server/Shared/NavMenu.razor.scss
View File

@@ -6,6 +6,21 @@ nav {
@media screen and (min-width: #{$breakpointM}px) {
padding: 0;
}
.nav-logo {
background-image: url(img/logo_text.png);
height: 100px;
width: 200px;
margin: auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
@media screen and (min-width: #{$breakpointM}px) {
height: 250px;
background-image: url(img/logo.png);
}
}
}
.oi {