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

Updated use of theme styles to fix missing colors

Browse Source
This commit is contained in:
ChiaraBm
2025-05-11 00:00:32 +02:00
parent 33b233d0c5
commit d33e7bf295
9 changed files with 49 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
MoonlightServers.Frontend/UI/Components/Nodes/UpdateNodePartials/AllocationsNodeUpdate.razor
View File

@@ -41,11 +41,11 @@
<ColumnTemplate>
<div class="flex justify-end items-center">
<a @onclick="() => UpdateAllocation(context)" @onclick:preventDefault href="#"
class="text-primary-500 mr-2 sm:mr-3">
class="text-primary mr-2 sm:mr-3">
<i class="icon-pencil text-base"></i>
</a>
<a @onclick="() => DeleteAllocation(context)" @onclick:preventDefault href="#"
class="text-danger-500">
class="text-danger">
<i class="icon-trash text-base"></i>
</a>
</div>

26
MoonlightServers.Frontend/UI/Components/Servers/ServerCard.razor
View File

@@ -13,21 +13,21 @@
{
gradient = Status.State switch
{
ServerState.Installing => "from-primary-600/20",
ServerState.Offline => "from-danger-600/20",
ServerState.Starting => "from-warning-600/20",
ServerState.Stopping => "from-warning-600/20",
ServerState.Online => "from-success-600/20",
ServerState.Installing => "from-primary/20",
ServerState.Offline => "from-danger/20",
ServerState.Starting => "from-warning/20",
ServerState.Stopping => "from-warning/20",
ServerState.Online => "from-success/20",
_ => "from-gray-600/20"
};
border = Status.State switch
{
ServerState.Installing => "border-primary-600",
ServerState.Offline => "border-danger-600",
ServerState.Starting => "border-warning-600",
ServerState.Stopping => "border-warning-600",
ServerState.Online => "border-success-600",
ServerState.Installing => "border-primary",
ServerState.Offline => "border-danger",
ServerState.Starting => "border-warning",
ServerState.Stopping => "border-warning",
ServerState.Online => "border-success",
_ => "border-gray-600"
};
}
@@ -90,7 +90,7 @@
}
else if (IsFailed)
{
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger-500">
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger">
<div>
<i class="icon-cable"></i>
</div>
@@ -100,7 +100,7 @@
}
else if (IsLoaded && !IsFailed && Status.State is ServerState.Offline)
{
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger-500">
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger">
<div>
<i class="icon-power-off"></i>
</div>
@@ -110,7 +110,7 @@
}
else if (IsLoaded && !IsFailed && Status.State is ServerState.Installing)
{
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary-500">
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary">
<div>
<i class="icon-hammer"></i>
</div>

20
MoonlightServers.Frontend/UI/Components/Servers/TestServerCrd.razor
View File

@@ -2,19 +2,19 @@
@{
var gradient = Status switch
{
4 => "from-primary-600/20",
3 => "from-danger-600/20",
2 => "from-warning-600/20",
1 => "from-success-600/20",
4 => "from-primary/20",
3 => "from-danger/20",
2 => "from-warning/20",
1 => "from-success/20",
_ => "from-gray-600/20"
};
var border = Status switch
{
4 => "border-primary-600",
3 => "border-danger-600",
2 => "border-warning-600",
1 => "border-success-600",
4 => "border-primary",
3 => "border-danger",
2 => "border-warning",
1 => "border-success",
_ => "border-gray-600"
};
}
@@ -71,7 +71,7 @@
}
else if (Status == 3)
{
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger-500">
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger">
<div>
<i class="icon-power-off"></i>
</div>
@@ -81,7 +81,7 @@
}
else if (Status == 4)
{
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary-500">
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary">
<div>
<i class="icon-hammer"></i>
</div>