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

Moved resources. Added placeholder pfp

Browse Source
This commit is contained in:
ChiaraBm
2025-03-14 17:15:43 +01:00
parent 3084bb268b
commit 1238095f09
8 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,12 +9,16 @@
var url = new Uri(Navigation.Uri);
}
<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="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">
<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")">
<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>
@@ -23,10 +27,9 @@
<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">
<img class="h-8 w-auto" src="/svg/logo.svg" alt="Logo">
</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)
@@ -70,7 +73,7 @@
}
</ul>
</nav>
</div>
</div>
</div>
@@ -79,8 +82,7 @@
<div class="hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col">
<div class="flex grow flex-col gap-y-5 overflow-y-auto bg-gray-800/60 px-6 pb-4">
<div class="flex h-16 shrink-0 items-center">
<img class="h-8 w-auto" src="/svg/logo.svg"
alt="Your Company">
<img class="h-10 w-auto" src="/svg/logo.svg" alt="Logo">
</div>
<nav class="flex flex-1 flex-col">
<ul role="list" class="flex flex-1 flex-col gap-y-7">