paulmataruso/qbtmud
1
0
Fork 0
mirror of https://github.com/lantean-code/qbtmud.git synced 2025-10-22 20:42:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix small screen issues

Browse Source
This commit is contained in:
ahjephson
2025-02-07 11:49:37 +00:00
parent c54f73a517
commit e55955c75e
9 changed files with 120 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Lantean.QBTMud/Components/FilesTab.razor
View File

@@ -2,6 +2,7 @@
<MudMenuItem Icon="@Icons.Material.Filled.DriveFileRenameOutline" OnClick="RenameFileContextMenu">Rename</MudMenuItem> <MudMenuItem Icon="@Icons.Material.Filled.DriveFileRenameOutline" OnClick="RenameFileContextMenu">Rename</MudMenuItem>
</ContextMenu> </ContextMenu>
<div style="overflow-x: auto; white-space: nowrap; width: 100%;">
<MudToolBar Gutters="false" Dense="true"> <MudToolBar Gutters="false" Dense="true">
<MudIconButton Icon="@Icons.Material.Filled.DriveFileRenameOutline" OnClick="RenameFileToolbar" title="Rename" /> <MudIconButton Icon="@Icons.Material.Filled.DriveFileRenameOutline" OnClick="RenameFileToolbar" title="Rename" />
<MudDivider Vertical="true" /> <MudDivider Vertical="true" />
@@ -22,6 +23,7 @@
<MudSpacer /> <MudSpacer />
<MudTextField T="string" Value="SearchText" ValueChanged="SearchTextChanged" Immediate="true" DebounceInterval="500" Placeholder="Filter file list" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Search" IconSize="Size.Medium" Class="mt-0"></MudTextField> <MudTextField T="string" Value="SearchText" ValueChanged="SearchTextChanged" Immediate="true" DebounceInterval="500" Placeholder="Filter file list" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Search" IconSize="Size.Medium" Class="mt-0"></MudTextField>
</MudToolBar> </MudToolBar>
</div>
<DynamicTable <DynamicTable
@ref="Table" @ref="Table"

16
Lantean.QBTMud/Layout/LoggedInLayout.razor
View File

@@ -36,23 +36,23 @@
</CascadingValue> </CascadingValue>
</CascadingValue> </CascadingValue>
</CascadingValue> </CascadingValue>
<MudAppBar Bottom="true" Fixed="true" Elevation="0" Dense="true" Style="background-color: var(--mud-palette-dark-lighten);"> <MudAppBar Bottom="true" Fixed="true" Elevation="0" Dense="true" Style="background-color: var(--mud-palette-dark-lighten); z-index: 900">
@if (MainData?.LostConnection == true) @if (MainData?.LostConnection == true)
{ {
<MudText Class="mx-2 mb-1" Color="Color.Error">qBittorrent client is not reachable</MudText> <MudText Class="mx-2 mb-1 d-none d-sm-flex" Color="Color.Error">qBittorrent client is not reachable</MudText>
} }
<MudSpacer /> <MudSpacer />
<MudText Class="mx-2 mb-1">@DisplayHelpers.Size(MainData?.ServerState.FreeSpaceOnDisk, "Free space: ")</MudText> <MudText Class="mx-2 mb-1 d-none d-sm-flex">@DisplayHelpers.Size(MainData?.ServerState.FreeSpaceOnDisk, "Free space: ")</MudText>
<MudDivider Vertical="true" /> <MudDivider Vertical="true" Class="d-none d-sm-flex" />
<MudText Class="mx-2 mb-1">DHT @(MainData?.ServerState.DHTNodes ?? 0) nodes</MudText> <MudText Class="mx-2 mb-1 d-none d-sm-flex">DHT @(MainData?.ServerState.DHTNodes ?? 0) nodes</MudText>
<MudDivider Vertical="true" /> <MudDivider Vertical="true" Class="d-none d-sm-flex" />
@{ @{
var (icon, colour) = GetConnectionIcon(MainData?.ServerState.ConnectionStatus); var (icon, colour) = GetConnectionIcon(MainData?.ServerState.ConnectionStatus);
} }
<MudIcon Class="mx-1 mb-1" Icon="@icon" Color="@colour" Title="MainData?.ServerState.ConnectionStatus" /> <MudIcon Class="mx-1 mb-1" Icon="@icon" Color="@colour" Title="MainData?.ServerState.ConnectionStatus" />
<MudDivider Vertical="true" /> <MudDivider Vertical="true" Class="" />
<MudIcon Class="mx-1 mb-1" Icon="@Icons.Material.Outlined.Speed" Color="@((MainData?.ServerState.UseAltSpeedLimits ?? false) ? Color.Error : Color.Success)" /> <MudIcon Class="mx-1 mb-1" Icon="@Icons.Material.Outlined.Speed" Color="@((MainData?.ServerState.UseAltSpeedLimits ?? false) ? Color.Error : Color.Success)" />
<MudDivider Vertical="true" /> <MudDivider Vertical="true" Class="" />
<MudIcon Class="ml-1 mb-1" Icon="@Icons.Material.Filled.KeyboardDoubleArrowDown" Color="Color.Success" /> <MudIcon Class="ml-1 mb-1" Icon="@Icons.Material.Filled.KeyboardDoubleArrowDown" Color="Color.Success" />
<MudText Class="mr-1 mb-1"> <MudText Class="mr-1 mb-1">
@DisplayHelpers.Size(MainData?.ServerState.DownloadInfoSpeed, null, "/s") @DisplayHelpers.Size(MainData?.ServerState.DownloadInfoSpeed, null, "/s")

13
Lantean.QBTMud/Layout/MainLayout.razor
View File

@@ -23,16 +23,15 @@
<MudSwitch T="bool" Label="Dark Mode" LabelPlacement="Placement.End" Value="IsDarkMode" ValueChanged="DarkModeChanged" Class="pl-3" /> <MudSwitch T="bool" Label="Dark Mode" LabelPlacement="Placement.End" Value="IsDarkMode" ValueChanged="DarkModeChanged" Class="pl-3" />
<Menu @ref="Menu" /> <Menu @ref="Menu" />
</MudAppBar> </MudAppBar>
@if (IsDebug) <MudDrawer @bind-Open="ErrorDrawerOpen" ClipMode="DrawerClipMode.Docked" Elevation="2" Anchor="Anchor.Right">
{ <ErrorDisplay ErrorBoundary="ErrorBoundary" />
<MudDrawer Open="ErrorDrawerOpen" ClipMode="DrawerClipMode.Docked" Elevation="2" Anchor="Anchor.Right"> </MudDrawer>
<ErrorDisplay ErrorBoundary="ErrorBoundary" />
</MudDrawer>
}
<CascadingValue Value="Theme"> <CascadingValue Value="Theme">
<CascadingValue Value="IsDarkMode" Name="IsDarkMode"> <CascadingValue Value="IsDarkMode" Name="IsDarkMode">
<CascadingValue Value="Menu"> <CascadingValue Value="Menu">
@Body <CascadingValue Value="DrawerOpen" Name="DrawerOpen">
@Body
</CascadingValue>
</CascadingValue> </CascadingValue>
</CascadingValue> </CascadingValue>
</CascadingValue> </CascadingValue>

22
Lantean.QBTMud/Layout/MainLayout.razor.cs
View File

@@ -44,12 +44,6 @@ namespace Lantean.QBTMud.Layout
protected MudTheme Theme { get; set; } protected MudTheme Theme { get; set; }
#if DEBUG
private bool IsDebug { get; } = true;
#else
private bool IsDebug { get; } = false;
#endif
public MainLayout() public MainLayout()
{ {
Theme = new MudTheme(); Theme = new MudTheme();
@@ -96,9 +90,9 @@ namespace Lantean.QBTMud.Layout
return Task.CompletedTask; return Task.CompletedTask;
} }
public Task NotifyBrowserViewportChangeAsync(BrowserViewportEventArgs browserViewportEventArgs) public async Task NotifyBrowserViewportChangeAsync(BrowserViewportEventArgs browserViewportEventArgs)
{ {
if (browserViewportEventArgs.Breakpoint == Breakpoint.Sm && DrawerOpen) if (browserViewportEventArgs.Breakpoint <= Breakpoint.Sm)
{ {
DrawerOpen = false; DrawerOpen = false;
} }
@@ -107,7 +101,17 @@ namespace Lantean.QBTMud.Layout
DrawerOpen = true; DrawerOpen = true;
} }
return Task.CompletedTask; if (ErrorBoundary?.Errors.Count > 0)
{
ErrorDrawerOpen = true;
}
else
{
await Task.Delay(250);
ErrorDrawerOpen = false;
}
await InvokeAsync(StateHasChanged);
} }
protected void ToggleErrorDrawer() protected void ToggleErrorDrawer()

141
Lantean.QBTMud/Pages/About.razor
View File

@@ -12,89 +12,96 @@
<MudTabs Elevation="2" ApplyEffectsToContainer="true"> <MudTabs Elevation="2" ApplyEffectsToContainer="true">
<MudTabPanel Text="About"> <MudTabPanel Text="About">
<div class="d-flex gap-4"> <MudContainer MaxWidth="MaxWidth.ExtraExtraLarge" Class="mt-3">
<MudImage Src="images/mascot.png" Alt="Mascot" Class="ma-6" Fluid ObjectFit="ObjectFit.None" ObjectPosition="ObjectPosition.LeftTop" Height="162" Width="94" /> <MudGrid Class="mt-0 mb-4">
<MudGrid Class="mx-0 mt-0 mb-3"> <MudItem xs="12" sm="3" md="2" lg="2" xl="1" Class="d-flex justify-center">
<MudItem xs="12"> <MudImage Src="images/mascot.png" Alt="Mascot" Class="ma-6"
<div class="d-flex gap-3"> Fluid ObjectFit="ObjectFit.None" ObjectPosition="ObjectPosition.LeftTop"
<MudImage Src="images/qbittorrent32.png" Fluid ObjectFit="ObjectFit.None" Alt="QBT" Height="32" Width="32" /><MudText Typo="Typo.h6">qBittorrent @QBittorrentVersion</MudText> Height="162" Width="94" />
</MudItem>
<MudItem xs="12" sm="9" md="10" lg="10" xl="11">
<div class="d-flex flex-column gap-2">
<div class="d-flex gap-3 align-items-center">
<MudImage Src="images/qbittorrent32.png" Fluid ObjectFit="ObjectFit.None"
Alt="QBT" Height="32" Width="32" />
<MudText Typo="Typo.h6">qBittorrent @QBittorrentVersion</MudText>
</div>
<MudText Typo="Typo.body1">
An advanced BitTorrent client programmed in C++, based on Qt toolkit and libtorrent-rasterbar.
</MudText>
<MudText Typo="Typo.body1">Copyright © 2006-2024 The qBittorrent project</MudText>
<div class="d-flex flex-wrap">
<MudText Typo="Typo.body1" Class="fw-bold">Home Page: </MudText>
<MudLink Href="https://www.qbittorrent.org" Target="_blank" Class="ms-2">
qbittorrent.org
</MudLink>
</div>
<div class="d-flex flex-wrap">
<MudText Typo="Typo.body1" Class="fw-bold">Bug Tracker: </MudText>
<MudLink Href="https://bugs.qbittorrent.org" Target="_blank" Class="ms-2">
bugs.qbittorrent.org
</MudLink>
</div>
<div class="d-flex flex-wrap">
<MudText Typo="Typo.body1" Class="fw-bold">Forum: </MudText>
<MudLink Href="https://forum.qbittorrent.org" Target="_blank" Class="ms-2">
forum.qbittorrent.org
</MudLink>
</div>
</div> </div>
</MudItem> </MudItem>
<MudItem xs="12">
<MudText Typo="Typo.body1">An advanced BitTorrent client programmed in C++, based on Qt toolkit and libtorrent-rasterbar.</MudText>
</MudItem>
<MudItem xs="12">
<MudText Typo="Typo.body1">Copyright © 2006-2024 The qBittorrent project</MudText>
</MudItem>
<MudItem xs="2">
<MudText Typo="Typo.body1">Home Page</MudText>
</MudItem>
<MudItem xs="10">
<MudLink Href="https://www.qbittorrent.org" Target="https://www.qbittorrent.org">https://www.qbittorrent.org</MudLink>
</MudItem>
<MudItem xs="2">
<MudText Typo="Typo.body1">Bug Tracker</MudText>
</MudItem>
<MudItem xs="10">
<MudLink Href="https://bugs.qbittorrent.org" Target="https://bugs.qbittorrent.org">https://bugs.qbittorrent.org</MudLink>
</MudItem>
<MudItem xs="2">
<MudText Typo="Typo.body1">Forum</MudText>
</MudItem>
<MudItem xs="10">
<MudLink Href="https://forum.qbittorrent.org" Target="https://forum.qbittorrent.org">https://forum.qbittorrent.org</MudLink>
</MudItem>
</MudGrid> </MudGrid>
</div> </MudContainer>
</MudTabPanel> </MudTabPanel>
<MudTabPanel Text="Authors"> <MudTabPanel Text="Authors">
<MudContainer MaxWidth="MaxWidth.ExtraExtraLarge" Class="mt-3"> <MudContainer MaxWidth="MaxWidth.ExtraExtraLarge" Class="mt-3">
<MudText Typo="Typo.body1" Class="py-1">Current maintainer</MudText> <MudText Typo="Typo.h5" Class="py-1">Current maintainer</MudText>
<MudGrid Class="mt-0 mb-4"> <MudGrid Class="mt-0 mb-4">
<MudItem xs="2"> <MudItem xs="12" md="2">
<MudText Typo="Typo.body1">Name</MudText> <MudText Typo="Typo.h6">Name</MudText>
</MudItem> </MudItem>
<MudItem xs="10"> <MudItem xs="12" md="10">
<MudText Typo="Typo.body1">Sledgehammer999</MudText> <MudText Typo="Typo.body1">Sledgehammer999</MudText>
</MudItem> </MudItem>
<MudItem xs="2"> <MudItem xs="12" md="2">
<MudText Typo="Typo.body1">Nationality</MudText> <MudText Typo="Typo.h6">Nationality</MudText>
</MudItem> </MudItem>
<MudItem xs="10"> <MudItem xs="12" md="10">
<MudText Typo="Typo.body1">Greece</MudText> <MudText Typo="Typo.body1">Greece</MudText>
</MudItem> </MudItem>
<MudItem xs="2"> <MudItem xs="12" md="2">
<MudText Typo="Typo.body1">E-mail</MudText> <MudText Typo="Typo.h6">E-mail</MudText>
</MudItem> </MudItem>
<MudItem xs="10"> <MudItem xs="12" md="10">
<MudLink Href="mailto:sledgehammer999@qbittorrent.org">sledgehammer999@qbittorrent.org</MudLink> <MudLink Href="mailto:sledgehammer999@qbittorrent.org">sledgehammer999@qbittorrent.org</MudLink>
</MudItem> </MudItem>
</MudGrid> </MudGrid>
<MudText Typo="Typo.body1" Class="py-1">Original author</MudText> <MudText Typo="Typo.h5" Class="py-1">Original author</MudText>
<MudGrid Class="mt-0 mb-4"> <MudGrid Class="mt-0 mb-4">
<MudItem xs="2"> <MudItem xs="12" md="2">
<MudText Typo="Typo.body1">Name</MudText> <MudText Typo="Typo.h6">Name</MudText>
</MudItem> </MudItem>
<MudItem xs="10"> <MudItem xs="12" md="10">
<MudText Typo="Typo.body1">Christophe Dumez</MudText> <MudText Typo="Typo.body1">Christophe Dumez</MudText>
</MudItem> </MudItem>
<MudItem xs="2"> <MudItem xs="12" md="2">
<MudText Typo="Typo.body1">Nationality</MudText> <MudText Typo="Typo.h6">Nationality</MudText>
</MudItem> </MudItem>
<MudItem xs="10"> <MudItem xs="12" md="10">
<MudText Typo="Typo.body1">France</MudText> <MudText Typo="Typo.body1">France</MudText>
</MudItem> </MudItem>
<MudItem xs="2"> <MudItem xs="12" md="2">
<MudText Typo="Typo.body1">E-mail</MudText> <MudText Typo="Typo.h6">E-mail</MudText>
</MudItem> </MudItem>
<MudItem xs="10"> <MudItem xs="12" md="10">
<MudLink Href="mailto:chris@qbittorrent.org">chris@qbittorrent.org</MudLink> <MudLink Href="mailto:chris@qbittorrent.org">chris@qbittorrent.org</MudLink>
</MudItem> </MudItem>
</MudGrid> </MudGrid>
@@ -118,7 +125,7 @@
(the list might not be up to date) (the list might not be up to date)
</MudText> </MudText>
<MudList T="string" ReadOnly> <MudList T="string" ReadOnly>
<MudListItem Icon="@Icons.Material.Filled.Circle" IconColor="Color.Info"><u>Arabic:</u> SDERAWI (abz8868@msn.com), sn51234 (nesseyan@gmail.com) and Ibrahim Saed ibraheem_alex(Transifex)</MudListItem> <MudListItem Icon="@Icons.Material.Filled.Circle"><u>Arabic:</u> SDERAWI (abz8868@msn.com), sn51234 (nesseyan@gmail.com) and Ibrahim Saed ibraheem_alex(Transifex)</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Circle"><u>Armenian:</u> Hrant Ohanyan (hrantohanyan@mail.am)</MudListItem> <MudListItem Icon="@Icons.Material.Filled.Circle"><u>Armenian:</u> Hrant Ohanyan (hrantohanyan@mail.am)</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Circle"><u>Basque:</u> Xabier Aramendi (azpidatziak@gmail.com)</MudListItem> <MudListItem Icon="@Icons.Material.Filled.Circle"><u>Basque:</u> Xabier Aramendi (azpidatziak@gmail.com)</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Circle"><u>Belarusian:</u> Mihas Varantsou (meequz@gmail.com)</MudListItem> <MudListItem Icon="@Icons.Material.Filled.Circle"><u>Belarusian:</u> Mihas Varantsou (meequz@gmail.com)</MudListItem>
@@ -1058,38 +1065,38 @@
<MudText Typo="Typo.body1" Class="py-1">qBittorrent was built with the following libraries:</MudText> <MudText Typo="Typo.body1" Class="py-1">qBittorrent was built with the following libraries:</MudText>
<MudGrid Class="mt-1 mb-4"> <MudGrid Class="mt-1 mb-4">
<MudItem xs="2"> <MudItem xs="3">
<MudText Typo="Typo.body1">Qt</MudText> <MudText Typo="Typo.body1">Qt</MudText>
</MudItem> </MudItem>
<MudItem xs="10"> <MudItem xs="9">
<MudText Typo="Typo.body1">@QtVersion</MudText> <MudText Typo="Typo.body1">@QtVersion</MudText>
</MudItem> </MudItem>
<MudItem xs="2"> <MudItem xs="3">
<MudText Typo="Typo.body1">Libtorrent</MudText> <MudText Typo="Typo.body1">Libtorrent</MudText>
</MudItem> </MudItem>
<MudItem xs="10"> <MudItem xs="9">
<MudText Typo="Typo.body1">@LibtorrentVersion</MudText> <MudText Typo="Typo.body1">@LibtorrentVersion</MudText>
</MudItem> </MudItem>
<MudItem xs="2"> <MudItem xs="3">
<MudText Typo="Typo.body1">Boost</MudText> <MudText Typo="Typo.body1">Boost</MudText>
</MudItem> </MudItem>
<MudItem xs="10"> <MudItem xs="9">
<MudText Typo="Typo.body1">@BoostVersion</MudText> <MudText Typo="Typo.body1">@BoostVersion</MudText>
</MudItem> </MudItem>
<MudItem xs="2"> <MudItem xs="3">
<MudText Typo="Typo.body1">OpenSSL</MudText> <MudText Typo="Typo.body1">OpenSSL</MudText>
</MudItem> </MudItem>
<MudItem xs="10"> <MudItem xs="9">
<MudText Typo="Typo.body1">@OpensslVersion</MudText> <MudText Typo="Typo.body1">@OpensslVersion</MudText>
</MudItem> </MudItem>
<MudItem xs="2"> <MudItem xs="3">
<MudText Typo="Typo.body1">zlib</MudText> <MudText Typo="Typo.body1">zlib</MudText>
</MudItem> </MudItem>
<MudItem xs="10"> <MudItem xs="9">
<MudText Typo="Typo.body1">@ZlibVersion</MudText> <MudText Typo="Typo.body1">@ZlibVersion</MudText>
</MudItem> </MudItem>
</MudGrid> </MudGrid>

2
Lantean.QBTMud/Pages/Details.razor
View File

@@ -1,6 +1,7 @@
@page "/details/{hash}" @page "/details/{hash}"
@layout DetailsLayout @layout DetailsLayout
<div style="overflow-x: auto; white-space: nowrap; width: 100%;">
<MudToolBar Gutters="false" Dense="true"> <MudToolBar Gutters="false" Dense="true">
@if (!DrawerOpen) @if (!DrawerOpen)
{ {
@@ -14,6 +15,7 @@
<MudDivider Vertical="true" /> <MudDivider Vertical="true" />
<MudText Class="pl-5 no-wrap">@Name</MudText> <MudText Class="pl-5 no-wrap">@Name</MudText>
</MudToolBar> </MudToolBar>
</div>
@if (ShowTabs) @if (ShowTabs)
{ {

12
Lantean.QBTMud/Pages/Search.razor
View File

@@ -18,7 +18,7 @@
<MudItem xs="12" md="4"> <MudItem xs="12" md="4">
<MudTextField T="string" Label="Criteria" @bind-Value="Model.SearchText" Variant="Variant.Outlined" /> <MudTextField T="string" Label="Criteria" @bind-Value="Model.SearchText" Variant="Variant.Outlined" />
</MudItem> </MudItem>
<MudItem xs="2" md="3"> <MudItem xs="12" md="3">
<MudSelect T="string" Label="Categories" @bind-Value="Model.SelectedCategory" Variant="Variant.Outlined"> <MudSelect T="string" Label="Categories" @bind-Value="Model.SelectedCategory" Variant="Variant.Outlined">
@foreach (var (value, name) in Categories) @foreach (var (value, name) in Categories)
{ {
@@ -30,17 +30,21 @@
} }
</MudSelect> </MudSelect>
</MudItem> </MudItem>
<MudItem xs="2" md="3"> <MudItem xs="12" md="3">
<MudSelect T="string" Label="Plugins" @bind-Value="Model.SelectedPlugin" Variant="Variant.Outlined"> <MudSelect T="string" Label="Plugins" @bind-Value="Model.SelectedPlugin" Variant="Variant.Outlined">
<MudSelectItem Value="@("all")">All</MudSelectItem> <MudSelectItem Value="@("all")">All</MudSelectItem>
<MudDivider /> @if (Plugins.Count > 0)
{
<MudDivider />
}
@foreach (var (value, name) in Plugins) @foreach (var (value, name) in Plugins)
{ {
<MudSelectItem Value="value">@name</MudSelectItem> <MudSelectItem Value="value">@name</MudSelectItem>
} }
</MudSelect> </MudSelect>
</MudItem> </MudItem>
<MudItem xs="2" md="2"> <MudItem xs="12" md="2">
<MudButton ButtonType="ButtonType.Submit" FullWidth="true" Color="Color.Primary" EndIcon="@Icons.Material.Filled.Search" Variant="Variant.Filled" Class="mt-6">@(_searchId is null ? "Search" : "Stop")</MudButton> <MudButton ButtonType="ButtonType.Submit" FullWidth="true" Color="Color.Primary" EndIcon="@Icons.Material.Filled.Search" Variant="Variant.Filled" Class="mt-6">@(_searchId is null ? "Search" : "Stop")</MudButton>
</MudItem> </MudItem>

2
Lantean.QBTMud/Pages/TorrentList.razor
View File

@@ -7,6 +7,7 @@
<TorrentActions RenderType="RenderType.MenuItems" Hashes="GetContextMenuTargetHashes()" PrimaryHash="@(ContextMenuItem?.Hash)" Torrents="MainData.Torrents" Preferences="Preferences" /> <TorrentActions RenderType="RenderType.MenuItems" Hashes="GetContextMenuTargetHashes()" PrimaryHash="@(ContextMenuItem?.Hash)" Torrents="MainData.Torrents" Preferences="Preferences" />
</ContextMenu> </ContextMenu>
<div style="overflow-x: auto; white-space: nowrap; width: 100%;">
<MudToolBar Gutters="false" Dense="true"> <MudToolBar Gutters="false" Dense="true">
<MudIconButton Icon="@Icons.Material.Outlined.AddLink" OnClick="AddTorrentLink" title="Add torrent link" /> <MudIconButton Icon="@Icons.Material.Outlined.AddLink" OnClick="AddTorrentLink" title="Add torrent link" />
<MudIconButton Icon="@Icons.Material.Outlined.AddCircle" OnClick="AddTorrentFile" title="Add torrent file" /> <MudIconButton Icon="@Icons.Material.Outlined.AddCircle" OnClick="AddTorrentFile" title="Add torrent file" />
@@ -18,6 +19,7 @@
<MudSpacer /> <MudSpacer />
<MudTextField Value="SearchText" TextChanged="SearchTextChanged" Immediate="true" DebounceInterval="1000" Placeholder="Filter torrent list" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Search" IconSize="Size.Medium" Class="mt-0"></MudTextField> <MudTextField Value="SearchText" TextChanged="SearchTextChanged" Immediate="true" DebounceInterval="1000" Placeholder="Filter torrent list" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Search" IconSize="Size.Medium" Class="mt-0"></MudTextField>
</MudToolBar> </MudToolBar>
</div>
<MudContainer MaxWidth="MaxWidth.ExtraExtraLarge" Class="ma-0 pa-0"> <MudContainer MaxWidth="MaxWidth.ExtraExtraLarge" Class="ma-0 pa-0">
<DynamicTable <DynamicTable

6
Lantean.QBTMud/wwwroot/css/app.css
View File

@@ -155,7 +155,7 @@ code {
} }
.torrent-list .mud-table-container { .torrent-list .mud-table-container {
height: calc(100vh - 149px); height: calc(100vh - 160px);
} }
.file-list .mud-table-container { .file-list .mud-table-container {
@@ -251,4 +251,8 @@ td .folder-button {
width: 25px; width: 25px;
max-width: 25px; max-width: 25px;
padding: 0 8px !important; padding: 0 8px !important;
}
.mud-popover .mud-divider:last-child {
display: none;
} }