feat: Update to Tailwind v4

Author: larsl-net

internal/resources/views/service.html

@@ -8,12 +8,13 @@ <h1 class="text-xl font-bold md:inline-block md:mr-2 text-avocado-800 dark:text-
             $.PrettyDuration .Result.Service.Query.Range }}</span>
     </div>
 
-    <div class="h-64 md:h-96 w-full border dark:border-none dark:bg-zinc-800 rounded-md shadow-md mb-6">{{ .Graph }}
+    <div class="h-64 md:h-96 w-full border border-gray-200 dark:border-none dark:bg-zinc-800 rounded-md shadow-md mb-6">
+        {{ .Graph }}
     </div>
 
     {{- if .Extras }}
     {{- range $name, $graph := .Extras }}
-    <div class="w-full border dark:border-none dark:bg-zinc-800 rounded-md shadow-md pt-4 mb-6">
+    <div class="w-full border border-gray-200 dark:border-none dark:bg-zinc-800 rounded-md shadow-md pt-4 mb-6">
         <h2 class="text-center text-avocado-800 dark:text-avocado-100">{{ $name }}</h2>
         <div class="h-64 md:h-96 w-full">{{ $graph }}</div>
     </div>

internal/resources/views/status.html

@@ -17,7 +17,7 @@ <h2 class="text-xl mb-2 pl-1 text-avocado-800 dark:text-avocado-100">{{ .Name }}
     <div class="flex flex-col items-center justify-center rounded-md shadow-md dark:shadow-none dark:bg-zinc-800">
         {{- range .Results }}
         <a href="/{{ .Service.Name }}" class="block w-full">
-            <div class="flex justify-between items-center w-full py-6 px-6 md:px-8 lg:px-12 border-b dark:border-none">
+            <div class="flex justify-between items-center w-full py-6 px-6 md:px-8 lg:px-12 border-b border-gray-200 dark:border-none">
                 <div>
                     <h3 class="text-lg font-bold md:inline-block md:mr-2 text-avocado-800 dark:text-avocado-100">{{
                         .Service.Name }}</h3>