feat: update proxy items styling

This commit is contained in:
2025-01-23 17:54:50 +07:00
parent 8d322cbecd
commit 085a0c3485
5 changed files with 19 additions and 4 deletions

View File

@@ -4,7 +4,8 @@
<MudDialog>
<DialogContent>
<StandaloneCodeEditor ConstructionOptions="@EditorConstructionOptions" CssClass="caddy-file-editor"></StandaloneCodeEditor>
<StandaloneCodeEditor ConstructionOptions="@EditorConstructionOptions"
CssClass="caddy-file-editor"></StandaloneCodeEditor>
<MudDivider/>
</DialogContent>
<DialogActions>

View File

@@ -1,4 +1,5 @@
using BlazorMonaco.Editor;
using CaddyManager.Contracts.Caddy;
using Microsoft.AspNetCore.Components;
using MudBlazor;

View File

@@ -5,8 +5,15 @@
<PageTitle>Reverse proxy confiurations</PageTitle>
<MudList T="string">
@foreach(var caddyConfig in _availableCaddyConfigurations)
<MudContainer Class="d-flex flex-row flex-grow-1 gap-4">
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add">New...</MudButton>
<MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete"
Disabled="@(_selectedCaddyConfigurations.Count <= 0)">Delete
</MudButton>
</MudContainer>
<MudList T="string" Style="padding-top: 16px;" SelectionMode="SelectionMode.MultiSelection"
@bind-SelectedValues="_selectedCaddyConfigurations">
@foreach (var caddyConfig in _availableCaddyConfigurations)
{
<ReverseProxyItem FileName="@caddyConfig"/>
<MudDivider/>

View File

@@ -3,6 +3,7 @@ namespace CaddyManager.Components.Pages.ReverseProxies;
public partial class ReverseProxiesPage
{
private List<string> _availableCaddyConfigurations = [];
private IReadOnlyCollection<string> _selectedCaddyConfigurations = [];
protected override Task OnInitializedAsync()
{

View File

@@ -3,4 +3,9 @@
@inject ICaddyService CaddyService
@inject IDialogService DialogService
<MudListItem Text="@FileName" Icon="@Icons.Material.Filled.InsertDriveFile" T="string" OnClick="Edit"/>
<MudListItem T="string" Text="@FileName" OnClick="Edit" OnClickPreventDefault="true">
<MudContainer Class="d-flex flex-row flex-grow-1 gap-4">
<MudIcon Icon="@Icons.Custom.FileFormats.FileCode"></MudIcon>
<MudText>@FileName</MudText>
</MudContainer>
</MudListItem>