beenull/Moonlight
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Merge pull request #416 from Moonlight-Panel/v2_ResponsivenessImprovements

Browse source 
Improved responsive behaviour
This commit is contained in:
Masu Baumgartner 2024-05-19 15:33:08 +02:00 committed by GitHub
parent e79f2199c3 f12e5f10d5
commit 685221b454
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 85 additions and 80 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Moonlight/Core/UI/Components/Auth/Login.razor
View file

@ -14,7 +14,7 @@
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<div class="card card-body m-15 p-15"> <div class="card card-body m-8 m-md-15 p-8 p-md-15">
<div class="text-center mb-8"> <div class="text-center mb-8">
<div class="fw-bold mb-3 fs-1"> <div class="fw-bold mb-3 fs-1">
Login Login

2
Moonlight/Core/UI/Components/Auth/Register.razor
View file

@ -18,7 +18,7 @@
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<div class="card card-body m-15 p-15"> <div class="card card-body m-8 m-md-15 p-8 p-md-15">
@if (ConfigService.Get().Authentication.DenyRegister) @if (ConfigService.Get().Authentication.DenyRegister)
{ {
<IconAlert Color="danger" Icon="bx-shield-quarter" Title="Sign up disabled"> <IconAlert Color="danger" Icon="bx-shield-quarter" Title="Sign up disabled">

23
Moonlight/Features/Servers/UI/Layouts/UserLayout.razor
View file

@ -26,18 +26,21 @@
<LazyLoader Load="Load" ShowAsCard="true"> <LazyLoader Load="Load" ShowAsCard="true">
<div class="card card-body pb-5 pt-5"> <div class="card card-body pb-5 pt-5">
<div class="d-flex justify-content-between"> <div>
<div class="d-flex flex-row"> <div class="row px-2">
<div class="d-flex flex-column ms-3"> <div class="col-12 col-sm-3">
<span class="fw-bold text-gray-900 fs-3"> <span class="fw-bold text-gray-900 fs-3 d-block">
@Server.Name @Server.Name
</span> </span>
<span class="text-gray-500 pt-2 fw-semibold fs-6"> <span class="text-gray-500 pt-2 fw-semibold fs-6 d-block">
@(Server.Image.Name) @(Server.Image.Name)
</span> </span>
</div> </div>
<div class="vr mx-4"></div> <div class="vr p-0 mx-4 d-none d-sm-block"></div>
<div class="d-flex flex-column"> <hr class="col-sm my-4 d-block d-sm-none"/>
<div class="col-12 col-sm">
<div class="row">
<div class="col">
<div class="text-gray-900 fs-4"> <div class="text-gray-900 fs-4">
@{ @{
var color = ServerUtilsHelper.GetColorFromState(Console.State); var color = ServerUtilsHelper.GetColorFromState(Console.State);
@ -66,8 +69,7 @@
*@ *@
</div> </div>
</div> </div>
</div> <div class="col-auto">
<div>
<div class="mt-2"> <div class="mt-2">
@if (Console.State == ServerState.Offline) @if (Console.State == ServerState.Offline)
{ {
@ -117,6 +119,9 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div>
<ServerNavigation Index="@GetIndex()" ServerId="@Id"/> <ServerNavigation Index="@GetIndex()" ServerId="@Id"/>