feat: add type badge to tasks

Author: NeurekaSoftware

GitProtect.Client/Pages/Tasks.razor

@@ -58,7 +58,7 @@ else
                                 @GetStatusBadge(task.Status)
                             }
                         </td>
-                        <td>@GetTriggerLabel(task.Trigger)</td>
+                        <td>@GetTriggerBadge(task.Trigger)</td>
                         <td>@task.Progress%</td>
                         <td>@(task.StartedAt?.ToLocalTime().ToString("g") ?? "-")</td>
                     </tr>
@@ -183,8 +183,19 @@ else
         builder.CloseElement();
     };
 
-    private static string GetTriggerLabel(BackupTaskTrigger trigger)
-        => trigger == BackupTaskTrigger.Scheduled ? "Scheduled" : "Manual";
+    private static RenderFragment GetTriggerBadge(BackupTaskTrigger trigger) => builder =>
+    {
+        var (label, css) = trigger switch
+        {
+            BackupTaskTrigger.Scheduled => ("Scheduled", "warning"),
+            _ => ("Manual", "neutral")
+        };
+
+        builder.OpenElement(0, "span");
+        builder.AddAttribute(1, "class", $"badge small {css}");
+        builder.AddContent(2, label);
+        builder.CloseElement();
+    };
 
     public ValueTask DisposeAsync()
     {

GitProtect/wwwroot/app.css

@@ -319,6 +319,12 @@ a {
     letter-spacing: 0.05em;
 }
 
+.badge.small {
+    padding: 2px 8px;
+    font-size: 0.65rem;
+    letter-spacing: 0.04em;
+}
+
 .badge.success {
     background: rgba(50, 213, 131, 0.15);
     color: var(--success);