kocoded/oqtane.framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

further modifications for #4604 - support for site name in logo component

Browse Source
This commit is contained in:
sbwalker 2024-09-15 09:30:04 -04:00
parent 1c1c26948a
commit c74065ff26
5 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -9,7 +9,7 @@
<div class="row flex-xl-nowrap gx-0"> <div class="row flex-xl-nowrap gx-0">
<div class="sidebar"> <div class="sidebar">
<nav class="navbar"> <nav class="navbar">
<Logo ShowName="true" /> <Logo UseSiteNameAsFallback="true" />
<Menu Orientation="Vertical" /> <Menu Orientation="Vertical" />
</nav> </nav>
</div> </div>

6
Oqtane.Client/Themes/Controls/Theme/Logo.razor
View File

@ -11,16 +11,16 @@
} }
else else
{ {
if (ShowName) if (UseSiteNameAsFallback)
{ {
<span class="app-logo"> <span class="app-logo">
<a class="site-name" href="@PageState.Alias.Path">@PageState.Site.Name</a> <a class="navbar-brand" href="@PageState.Alias.Path">@PageState.Site.Name</a>
</span> </span>
} }
} }
@code { @code {
[Parameter] [Parameter]
public bool ShowName { get; set; } = false; public bool UseSiteNameAsFallback { get; set; } = false; // indicates if the site name should be displayed in scenarios where a site does not have a logo defined
} }

2
Oqtane.Client/Themes/OqtaneTheme/Themes/Default.razor
View File

@ -4,7 +4,7 @@
<main role="main"> <main role="main">
<nav class="navbar navbar-dark bg-primary fixed-top"> <nav class="navbar navbar-dark bg-primary fixed-top">
<Logo ShowName="true" /><Menu Orientation="Horizontal" /> <Logo UseSiteNameAsFallback="true" /><Menu Orientation="Horizontal" />
<div class="controls ms-auto"> <div class="controls ms-auto">
<div class="controls-group"> <div class="controls-group">
<Search CssClass="me-3 text-center bg-primary" /> <Search CssClass="me-3 text-center bg-primary" />

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

@ -117,6 +117,10 @@
margin: .5rem; margin: .5rem;
} }
.app-logo .navbar-brand {
color: white;
}
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.main .top-row { .main .top-row {
display: none; display: none;

6
Oqtane.Server/wwwroot/css/app.css
View File

@ -269,8 +269,6 @@ app {
min-height: 250px; min-height: 250px;
} }
.app-logo .site-name { .app-logo .navbar-brand {
padding: 0 20px 0 20px; padding: 5px 20px 5px 20px;
font-size: x-large;
color: white;
} }