Moonlight-Panel/Servers
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added ui concept for folders in server list

Browse Source
This commit is contained in:
ChiaraBm
2024-12-30 19:59:02 +01:00
parent 0bd9074494
commit 6d674e153a
1 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
MoonlightServers.Frontend/UI/Views/User/Index.razor
View File

@@ -10,11 +10,29 @@
<LazyLoader Load="Load"> <LazyLoader Load="Load">
<div class="flex flex-col gap-y-5"> <div class="flex flex-col gap-y-5">
@* Folder design idea
<div class="w-full bg-gray-800 px-5 py-3.5 rounded-xl">
<div class="flex items-center">
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex items-center">
<i class="icon-folder-open me-3 align-middle"></i>
<div class="text-lg align-middle">
My Cool Folder
</div>
</div>
</div>
<div class="mt-5 flex flex-col gap-y-3">
@foreach (var server in Servers) @foreach (var server in Servers)
{ {
<ServerCard Server="server" /> <ServerCard Server="server" />
} }
</div> </div>
</div>
*@
@foreach (var server in Servers)
{
<ServerCard Server="server"/>
}
</div>
</LazyLoader> </LazyLoader>
@code @code