BlazingGames/blazing-console
BlazingGames/blazing-console
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

switch to reboot styles

Browse source
This commit is contained in:
Ivy Collective 2024-12-23 18:56:51 -05:00
parent 4d2cf4bbc5
commit 323a9bdd16
5 changed files with 26 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
App.razor
View file

@ -13,7 +13,7 @@
<ErrorContent>
<PageTitle>An error occurred</PageTitle>
<LayoutView Layout="@typeof(DefaultLayout)">
<FluentBodyContent>
<FluentBodyContent FluentBodyContent style="padding: 1rem">
<h1>An error occurred</h1>
<p>
If you're able to, contact a developer to get the issue fixed.
@ -27,7 +27,7 @@
<NotFound>
<PageTitle>Not found</PageTitle>
<LayoutView Layout="@typeof(DefaultLayout)">
<FluentBodyContent>
<FluentBodyContent style="padding: 1rem">
<h1>Page Not Found</h1>
<FluentAnchor Href="/" Appearance="Appearance.Hypertext">Head back home?</FluentAnchor>
</FluentBodyContent>

2
Layout/MainLayout.razor
View file

@ -15,7 +15,7 @@
<FluentNavLink Href="/about" Icon="@(new Icons.Regular.Size24.Info())">About</FluentNavLink>
</FluentNavMenu>
<FluentBodyContent>
<FluentBodyContent style="padding-top: 1rem">
@Body
</FluentBodyContent>
</FluentStack>

36
Pages/Main/Settings.razor
View file

@ -9,24 +9,30 @@
<h1>Settings</h1>
<FluentButton OnClick="ApplySettingsAsync" Appearance="Appearance.Accent">Apply changes</FluentButton>
<FluentButton OnClick="ResetSettings">Undo changes</FluentButton>
<p>
<FluentButton OnClick="ApplySettingsAsync" Appearance="Appearance.Accent">Apply changes</FluentButton>
<FluentButton OnClick="ResetSettings">Undo changes</FluentButton>
</p>
<h2>Appearance</h2>
<p>Switch between light and dark mode, and pick your accent color</p>
<FluentRadioGroup Name="Color theme" Required="true" @bind-Value=TmpSettings.ThemeMode>
<FluentRadio Value="@DesignThemeModes.System">System (automatically set)</FluentRadio>
<FluentRadio Value="@DesignThemeModes.Light">Light</FluentRadio>
<FluentRadio Value="@DesignThemeModes.Dark">Dark</FluentRadio>
</FluentRadioGroup>
<p>
<FluentRadioGroup Name="Color theme" Required="true" @bind-Value=TmpSettings.ThemeMode>
<FluentRadio Value="@DesignThemeModes.System">System (automatically set)</FluentRadio>
<FluentRadio Value="@DesignThemeModes.Light">Light</FluentRadio>
<FluentRadio Value="@DesignThemeModes.Dark">Dark</FluentRadio>
</FluentRadioGroup>
</p>
<FluentSelect
Label="Accent color" Required="true"
Items="@(new List<OfficeColor>((OfficeColor[]) Enum.GetValues(typeof(OfficeColor))))"
@bind-SelectedOption=TmpSettings.AccentColor
/>
<p>
<FluentSelect
Label="Accent color" Required="true"
Items="@(new List<OfficeColor>((OfficeColor[]) Enum.GetValues(typeof(OfficeColor))))"
@bind-SelectedOption=TmpSettings.AccentColor
/>
</p>
<h2>API Server</h2>
@ -40,8 +46,10 @@
<p>You can sign out here. If you want to, you can optionally sign out of all linked applications for your account.</p>
<FluentButton Appearance="Appearance.Accent" OnClick="SignOut">Sign out</FluentButton>
<FluentAnchor Href='@savedSettings.Settings.RelativeUrl("/auth/unlink")'>Unlink applications</FluentAnchor>
<p>
<FluentButton Appearance="Appearance.Accent" OnClick="SignOut">Sign out</FluentButton>
<FluentAnchor Href='@savedSettings.Settings.RelativeUrl("/auth/unlink")'>Unlink applications</FluentAnchor>
</p>

11
wwwroot/css/app.css
View file

@ -1,11 +0,0 @@
body {
margin: 0;
padding: 0;
height: 100vh;
font-family: var(--body-font);
font-size: var(--type-ramp-base-font-size);
line-height: var(--type-ramp-base-line-height);
font-weight: var(--font-weight);
color: var(--neutral-foreground-rest);
background: var(--neutral-fill-layer-rest);
}

3
wwwroot/index.html
View file

@ -6,9 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>blazingconsole</title>
<base href="/" />
<link rel="stylesheet" href="css/app.css" />
<link rel="icon" type="image/png" href="favicon.png" />
<link href="blazingconsole.styles.css" rel="stylesheet" />
<link href="_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css" rel="stylesheet" />
</head>
<body>
@ -75,5 +75,4 @@
<loading-theme storage-name="theme" />
<fluent-design-theme mode="system" primary-color="onenote" />
</body>
</html>