Diplomarbeit-Absolventenverein/oqtane.framework
10
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

improved responsive design for Blazaor theme to make it more mobile friendly

Browse Source
This commit is contained in:
Shaun Walker
2020-04-27 14:18:58 -04:00
parent bb2077cb42
commit d2fd8c7f4e
3 changed files with 71 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
Oqtane.Client/Themes/BlazorTheme/Default.razor
View File

@ -1,14 +1,27 @@
@namespace Oqtane.Themes.BlazorTheme
@inherits ThemeBase
<div class="breadcrumbs">
<Breadcrumbs />
</div>
<div class="sidebar">
<div align="center"><Logo /></div>
<Menu Orientation="Vertical" />
<nav class="navbar">
<Logo />
<button class="navbar-toggler" aria-expanded="false" aria-controls="navbarSupportedContent"
aria-label="Toggle navigation" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<Menu Orientation="Vertical" />
</div>
</nav>
</div>
<div class="main">
<div class="top-row px-4">
<Breadcrumbs /> <div class="ml-md-auto"><UserProfile /> <Login /> <ControlPanel /></div>
<div class="ml-md-auto"><UserProfile /> <Login /> <ControlPanel /></div>
</div>
<div class="container">
<div class="row px-4">