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

Implemented proper mobile sidebar. Fixed mobile view of api key page. Removed unused exception

Browse Source
This commit is contained in:
ChiaraBm
2025-03-14 15:12:36 +01:00
parent f1c0d3b896
commit 3084bb268b
4 changed files with 21 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
Moonlight.ApiServer/Exceptions/MissingPermissionException.cs
View File

@@ -1,11 +0,0 @@
namespace Moonlight.ApiServer.Exceptions;
public class MissingPermissionException : Exception
{
public string Permission { get; set; }
public MissingPermissionException(string permission)
{
Permission = permission;
}
}

12
Moonlight.Client/UI/Partials/AppHeader.razor
View File

@@ -7,18 +7,11 @@
@inject AuthenticationStateManager AuthStateManager
<div class="sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 bg-gray-800/60 backdrop-blur px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8">
@if (Layout.ShowMobileNavigation)
{
<button @onclick="Layout.ToggleMobileNavigation" type="button" class="-m-2.5 p-2.5 text-gray-700 lg:hidden">
<span class="sr-only">Close sidebar</span>
<i class="bi bi-x-lg text-xl"></i>
</button>
}
else
@if (!Layout.ShowMobileNavigation)
{
<button @onclick="Layout.ToggleMobileNavigation" type="button" class="-m-2.5 p-2.5 text-gray-700 lg:hidden">
<span class="sr-only">Open sidebar</span>
<i class="bi bi-list text-xl"></i>
<i class="icon-menu text-xl"></i>
</button>
}
@@ -44,7 +37,6 @@
</button>
<div class="@(ShowProfileNav ? "opacity-100" : "opacity-0 hidden") transition ease-out duration-100 absolute right-0 z-10 mt-2.5 w-44 origin-top-right rounded-md bg-gray-750 py-2 shadow-lg ring-1 ring-gray-100/5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1">
<a href="/admin" class="block px-3 py-1 text-sm leading-6 text-gray-100 hover:text-primary-500" role="menuitem" tabindex="-1" id="user-menu-item-0">Your profile</a>
<a @onclick="Logout" @onclick:preventDefault href="#" class="block px-3 py-1 text-sm leading-6 text-gray-100 hover:text-primary-500" role="menuitem" tabindex="-1" id="user-menu-item-1">Sign out</a>
</div>
</div>

28
Moonlight.Client/UI/Partials/AppSidebar.razor
View File

@@ -9,17 +9,24 @@
var url = new Uri(Navigation.Uri);
}
<div
class="relative z-40 lg:hidden transition-opacity @(Layout.ShowMobileNavigation ? "opacity-100" : "opacity-0 hidden")"
role="dialog" aria-modal="true">
<div class="fixed inset-0 bg-gray-800/80"></div>
<div class="relative z-50 lg:hidden transition-opacity ease-linear duration-300 @(Layout.ShowMobileNavigation ? "opacity-100" : "opacity-0 pointer-events-none")" role="dialog" aria-modal="true">
<div class="fixed inset-0 bg-gray-900/80"></div>
<div class="fixed inset-0 flex justify-center bg-gray-900">
<div class="relative flex w-full max-w-xs flex-1">
<div class="flex grow flex-col gap-y-5 overflow-y-auto bg-gray-900 px-6 pb-4">
<div class="flex h-16 shrink-0 items-center">a
<img class="h-8 w-auto" src="/logo.svg" alt="Moonlight">
<div class="fixed inset-0 flex">
<div class="relative mr-16 flex w-full max-w-xs flex-1 transition ease-in-out duration-300 transform @(Layout.ShowMobileNavigation ? "translate-x-0" : "-translate-x-full")">
<div class="absolute left-full top-0 flex w-16 justify-center pt-5 ease-in-out duration-300 @(Layout.ShowMobileNavigation ? "opacity-100" : "opacity-0")">
<button @onclick="Layout.ToggleMobileNavigation" type="button" class="-m-2.5 p-2.5">
<span class="sr-only">Close sidebar</span>
<i class="icon-x text-lg"></i>
</button>
</div>
<div class="flex grow flex-col gap-y-5 overflow-y-auto bg-gray-900 px-6 pb-4 ring-1 ring-white/10">
<div class="flex h-16 shrink-0 items-center">
<img class="h-8 w-auto" src="/logo.svg"
alt="Your Company">
</div>
<nav class="flex flex-1 flex-col">
<ul role="list" class="flex flex-1 flex-col gap-y-7">
@foreach (var group in Items)
@@ -63,6 +70,7 @@
}
</ul>
</nav>
</div>
</div>
</div>
@@ -132,7 +140,7 @@
foreach (var provider in SidebarItemProviders)
provider.ModifySidebar(sidebarItems);
Items = sidebarItems
//.Where(x => x.Permission == null || (x.Permission != null && IdentityService.HasPermission(x.Permission)))
.GroupBy(x => x.Group ?? "")

2
Moonlight.Client/UI/Views/Admin/Api/Index.razor
View File

@@ -9,7 +9,7 @@
@inject AlertService AlertService
@inject ToastService ToastService
<div class="grid grid-cols-1 sm:grid-cols-3 mb-8 gap-x-3">
<div class="grid grid-cols-1 sm:grid-cols-3 mb-8 gap-x-3 gap-y-2 sm:gap-y-0">
<div class="col-span-1 card card-body border-l-4 border-primary-500">
<p class="font-medium tracking-wide text-slate-100">
API Documentation