From 84e70b724a1e4792bbf052ae11526e490c04b5e0 Mon Sep 17 00:00:00 2001
From: Duy Dao <daothanhduy305@gmail.com>
Date: Thu, 10 Jul 2025 21:34:22 +0700
Subject: [PATCH] chore: ui fixes

---
 .../Components/Layout/MainLayout.razor        |  2 +-
 .../CaddyReverseProxiesPage.razor             |  2 +-
 .../CaddyReverseProxyItem.razor               |  4 +--
 .../Pages/Caddy/CaddyfilePage.razor           | 34 +++++++++----------
 4 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/CaddyManager/Components/Layout/MainLayout.razor b/CaddyManager/Components/Layout/MainLayout.razor
index 72795cd..997f88c 100644
--- a/CaddyManager/Components/Layout/MainLayout.razor
+++ b/CaddyManager/Components/Layout/MainLayout.razor
@@ -19,7 +19,7 @@
             <MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" Href="https://pikachu-gitea.duydao.org/ebolo/CaddyManager" Target="_blank" />
         </MudAppBar>
         <NavigationDrawer @ref="_drawer"/>
-        <MudMainContent Class="pt-16 px-16">
+        <MudMainContent Class="pt-16 px-16 pb-10">
             <MudContainer Class="mt-6">
                 @Body
             </MudContainer>
diff --git a/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor b/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor
index 3fbd90a..4d82882 100644
--- a/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor
+++ b/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor
@@ -24,7 +24,7 @@
                   AdornmentIcon="@(string.IsNullOrWhiteSpace(_debouncedText) ? Icons.Material.Filled.Search : Icons.Material.Filled.Close)"
                   OnAdornmentClick="HandleSearchBarAdornmentClick" />
 </MudContainer>
-<MudList T="string" Style="padding-top: 16px;" SelectionMode="SelectionMode.MultiSelection"
+<MudList T="string" Class="pt-10" SelectionMode="SelectionMode.MultiSelection"
          @bind-SelectedValues="_selectedCaddyConfigurations">
     @foreach (var (index, caddyConfig) in _availableCaddyConfigurations.Index())
     {
diff --git a/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxyItem.razor b/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxyItem.razor
index 41c2849..6c28dac 100644
--- a/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxyItem.razor
+++ b/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxyItem.razor
@@ -2,7 +2,7 @@
 @attribute [StreamRendering]
 
 <MudListItem T="string" Text="@FileName" OnClick="Edit" OnClickPreventDefault="true">
-    <MudContainer Class="d-flex flex-row flex-grow-1 gap-4">
+    <MudStack Row AlignItems="AlignItems.Center" Class="pl-2">
         <MudIcon Icon="@Icons.Custom.FileFormats.FileCode"></MudIcon>
         <MudText>@FileName</MudText>
         <MudSpacer/>
@@ -31,5 +31,5 @@
                 }
             </TooltipContent>
         </MudTooltip>
-    </MudContainer>
+    </MudStack>
 </MudListItem>
\ No newline at end of file
diff --git a/CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor b/CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor
index a8e8445..5f6501b 100644
--- a/CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor
+++ b/CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor
@@ -3,21 +3,19 @@
 
 <PageTitle>Global Caddyfile</PageTitle>
 
-<MudContainer Class="pb-10">
-    <MudCard>
-        <MudCardHeader>
-            <MudText Typo="Typo.h6">
-                Global Caddyfile
-            </MudText>
-        </MudCardHeader>
-        <MudCardContent>
-            <MudText Typo="Typo.caption" Class="pl-4">File content</MudText>
-            <StandaloneCodeEditor @ref="_codeEditor" ConstructionOptions="@EditorConstructionOptions"
-                                  CssClass="caddy-file-editor global-caddy mt-1"></StandaloneCodeEditor>
-        </MudCardContent>
-        <MudCardActions Class="pb-4 pr-4 d-flex flex-row-reverse gap-4">
-            <MudButton Color="Color.Primary" OnClick="Submit">Save</MudButton>
-            <MudButton OnClick="Cancel">Cancel</MudButton>
-        </MudCardActions>
-    </MudCard>
-</MudContainer>
\ No newline at end of file
+<MudCard>
+    <MudCardHeader>
+        <MudText Typo="Typo.h6">
+            Global Caddyfile
+        </MudText>
+    </MudCardHeader>
+    <MudCardContent>
+        <MudText Typo="Typo.caption" Class="pl-4">File content</MudText>
+        <StandaloneCodeEditor @ref="_codeEditor" ConstructionOptions="@EditorConstructionOptions"
+                              CssClass="caddy-file-editor global-caddy mt-1"></StandaloneCodeEditor>
+    </MudCardContent>
+    <MudCardActions Class="pb-4 pr-4 d-flex flex-row-reverse gap-4">
+        <MudButton Color="Color.Primary" OnClick="Submit">Save</MudButton>
+        <MudButton OnClick="Cancel">Cancel</MudButton>
+    </MudCardActions>
+</MudCard>
\ No newline at end of file