fix: auto focus to file name on opening editor dialog

.devcontainer/devcontainer.json

@@ -33,6 +33,12 @@
   "customizations": {
     "jetbrains": {
       "backend": "Rider"
+    },
+    "vscode": {
+      "extensions": [
+        "ms-dotnettools.csdevkit",
+        "murugaratham.vscode-dotnet-watch"
+      ]
     }
   },
   "features": {
@@ -43,6 +49,6 @@
   "containerEnv": {
     "Docker__CaddyContainerName": "caddy",
     "Docker__DockerHost": "unix:///var/run/docker.sock",
-    "Caddy__ConfigDir": "/home/vscode/caddy/config",
+    "Caddy__ConfigDir": "/home/vscode/caddy/config"
   }
 }

CaddyManager/Components/Pages/Caddy/CaddyfileEditor/CaddyfileEditor.razor

@@ -2,14 +2,16 @@
 
 <MudDialog ActionsClass="pb-4 pr-6">
     <DialogContent>
-        <MudTextField @bind-Value="FileName" Label="File name" Variant="Variant.Outlined"
+        <MudFocusTrap>
+            <MudTextField @bind-Value="FileName" Label="File name" Variant="Variant.Outlined"
                       Style="margin-bottom: 8px;"
                       ShrinkLabel="true"
                       ReadOnly="@(!IsNew)"></MudTextField>
-        <MudText Typo="Typo.caption" Style="padding-left: 18px; padding-bottom: 8px;">File content</MudText>
+        </MudFocusTrap>
+        <MudText Typo="Typo.caption" class="pl-4">File content</MudText>
         <StandaloneCodeEditor @ref="_codeEditor"
                               ConstructionOptions="@EditorConstructionOptions"
-                              CssClass="caddy-file-editor"></StandaloneCodeEditor>
+                              CssClass="caddy-file-editor mt-1"></StandaloneCodeEditor>
     </DialogContent>
     <DialogActions>
         <MudButton OnClick="Cancel">Cancel</MudButton>

CaddyManager/Components/Pages/Caddy/CaddyfilePage.razor

@@ -10,9 +10,9 @@
         </MudText>
     </MudCardHeader>
     <MudCardContent>
-        <MudText Typo="Typo.caption" Style="padding-left: 18px; padding-bottom: 8px;">File content</MudText>
+        <MudText Typo="Typo.caption" Class="pl-4">File content</MudText>
         <StandaloneCodeEditor @ref="_codeEditor" ConstructionOptions="@EditorConstructionOptions"
-            CssClass="caddy-file-editor global-caddy"></StandaloneCodeEditor>
+            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>