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

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

@@ -1,17 +1,5 @@
@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 {
}
}

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

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