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

Merge pull request #1750 from leigh-pointer/BlazorTheme

Browse Source 
Fix for #1736 Blazor theme not rendering correctly
This commit is contained in:
Shaun Walker
2021-11-03 12:32:45 -04:00
committed by GitHub
parent e598178869 6d8df2661c
commit 82e97aa4fa
3 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Oqtane.Client/Themes/BlazorTheme/Containers/Container.razor
View File

@ -1,7 +1,7 @@
@namespace Oqtane.Themes.BlazorTheme @namespace Oqtane.Themes.BlazorTheme
@inherits ContainerBase @inherits ContainerBase
<div class="container"> <div class="container">
<div class="row px-4"> <div class="row p-4">
<div class="d-flex flex-nowrap"> <div class="d-flex flex-nowrap">
<ModuleActions /><h2><ModuleTitle /></h2> <ModuleActions /><h2><ModuleTitle /></h2>
</div> </div>

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

@ -1,17 +1,19 @@
@namespace Oqtane.Themes.BlazorTheme @namespace Oqtane.Themes.BlazorTheme
@inherits ThemeBase @inherits ThemeBase
<div class="breadcrumbs"> <div class="breadcrumbs">
<Breadcrumbs /> <Breadcrumbs />
</div> </div>
<div class="sidebar"> <div class="row flex-xl-nowrap gx-0">
<div class="sidebar">
<nav class="navbar"> <nav class="navbar">
<Logo /><Menu Orientation="Vertical" /> <Logo /><Menu Orientation="Vertical" />
</nav> </nav>
</div> </div>
<div class="main"> <div class="main g-0">
<div class="top-row px-4"> <div class="top-row px-4">
<div class="ms-auto"><UserProfile /> <Login /> <ControlPanel /></div> <div class="ms-auto"><UserProfile /> <Login /> <ControlPanel /></div>
</div> </div>
@ -20,6 +22,7 @@
<Pane Name="@PaneNames.Admin" /> <Pane Name="@PaneNames.Admin" />
</div> </div>
</div> </div>
</div>
</div> </div>
@code { @code {

1
Oqtane.Server/wwwroot/Themes/Oqtane.Themes.BlazorTheme/Theme.css
View File

@ -124,6 +124,7 @@
@media (min-width: 768px) { @media (min-width: 768px) {
app { app {
flex-direction: row; flex-direction: row;
display: block;
} }
.app-logo { .app-logo {