AppStd/DbFirst
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve spacing for Dark Mode button in top row

Browse Source 
Wrapped the Dark Mode toggle button in a span with left margin
for better separation from the theme combo box. Added a new
.btn-gap CSS class to standardize button spacing in the top row.
This commit is contained in:
OlgunR
2026-04-23 15:59:50 +02:00
parent 35e39ff979
commit 075433c780
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
DbFirst.BlazorWebApp/Components/Layout/MainLayout.razor
View File

@@ -13,8 +13,10 @@
Value="@ThemeState.CurrentThemeName" Value="@ThemeState.CurrentThemeName"
ValueChanged="@((string t) => ThemeState.SetTheme(t))" ValueChanged="@((string t) => ThemeState.SetTheme(t))"
style="width: 130px;" /> style="width: 130px;" />
<span style="margin-left: 12px;">
<DxButton Text="@(ThemeState.IsDarkMode ? "Dark Mode aus" : "Dark Mode an")" <DxButton Text="@(ThemeState.IsDarkMode ? "Dark Mode aus" : "Dark Mode an")"
Click="ToggleTheme" /> Click="ToggleTheme" />
</span>
<a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a> <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
</div> </div>

4
DbFirst.BlazorWebApp/wwwroot/app.css
View File

@@ -185,3 +185,7 @@ dxbl-grid tbody tr:nth-child(even) td {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.top-row .btn-gap {
margin-left: 8px;
}