andreitdr/SethDiscordBot
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Centered the Settings component

Browse Source
This commit is contained in:
Andrei Tudor
2024-12-14 17:39:56 +02:00
parent 54be74b1cb
commit dee4793176
3 changed files with 11 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
DiscordBotWebUI/Components/Layout/MainLayout.razor
View File

@@ -8,11 +8,9 @@
</div> </div>
<main> <main>
<RadzenBody Expanded="true"> <article class="content px-4">
<article class="content px-4"> @Body
@Body </article>
</article>
</RadzenBody>
</main> </main>
</div> </div>

12
DiscordBotWebUI/Components/Pages/SidebarPages/Home.razor
View File

@@ -1,17 +1,5 @@
@page "/" @page "/"
@inject IJSRuntime JSRuntime
@inject NavigationManager NavigationManager
@inject DialogService DialogService
@inject ContextMenuService ContextMenuService
@inject TooltipService TooltipService
@inject NotificationService NotificationService
<PageTitle>Home</PageTitle>
<RadzenRow>
<RadzenColumn Size="12">
<RadzenText Text="Home" TextStyle="TextStyle.H3" TagName="TagName.H1" />
</RadzenColumn>
</RadzenRow>
@code { @code {
} }

17
DiscordBotWebUI/Components/Pages/SidebarPages/Settings.razor
View File

@@ -1,14 +1,10 @@
@page "/settings" @page "/settings"
@inject DialogService DialogService; @inject DialogService DialogService;
<RadzenCard Style="padding: 2rem; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.2);"> <div style="display: flex; justify-content: center; align-items: center; height: 100vh; background-color: transparent;">
<RadzenStack Orientation="Orientation.Vertical" Gap="20px" Style="color: white;"> <RadzenCard Style="padding: 2rem; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.2); width: 50%; max-width: 600px;">
<RadzenStack Orientation="Orientation.Vertical" Gap="20px" Style="color: white;">
<RadzenLabel Text="Enter your Discord bot token below:" /> <RadzenLabel Text="Enter your Discord bot token below:" />
<RadzenLabel
Text="Create token here"
Component="a"
href="https://discord.com/developers/applications"
Style="display: block; margin-bottom: 0.5rem;" />
<RadzenTextBox <RadzenTextBox
id="token" id="token"
Name="token" Name="token"
@@ -30,9 +26,10 @@
Style="width: 100%;" Style="width: 100%;"
bind-Value="@ServerIdsString" /> bind-Value="@ServerIdsString" />
<RadzenButton Text="Save Changes" Click="SaveButtonClick" Style="margin-top: 1rem;" /> <RadzenButton Text="Save Changes" Click="SaveButtonClick" Style="margin-top: 1rem;" />
</RadzenStack> </RadzenStack>
</RadzenCard> </RadzenCard>
</div>
@code { @code {