update html templates

amalshaji · Mar 28, 2024 · f8fb02e · f8fb02e
1 parent 77e8593
commit f8fb02e
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 44 deletions.
diff --git a/tunnel/internal/utils/error-templates/local-server-not-online.html b/tunnel/internal/utils/error-templates/local-server-not-online.html
@@ -21,41 +21,45 @@
   </head>
   <body>
     <div
-      class="flex h-screen w-full flex-col items-center justify-center bg-gray-100 p-4 text-center"
+      class="flex min-h-screen flex-col items-center justify-center bg-gray-100 px-4"
     >
-      <h1 class="mb-2 text-3xl font-bold text-gray-800">Connection Error</h1>
-      <p class="mb-6 text-lg text-gray-600">
-        We're having trouble connecting to the server.
-      </p>
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        class="mb-4 h-20 w-20 text-gray-500"
-      >
-        <path d="m2 2 20 20"></path>
-        <path
-          d="M5.782 5.782A7 7 0 0 0 9 19h8.5a4.5 4.5 0 0 0 1.307-.193"
-        ></path>
-        <path
-          d="M21.532 16.5A4.5 4.5 0 0 0 17.5 10h-1.79A7.008 7.008 0 0 0 10 5.07"
-        ></path>
-      </svg>
-      <p class="mb-4 text-sm text-gray-500">
-        Please check that the local server is running and accessible.
-      </p>
-      <button
-        onclick="location.reload()"
-        class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-10 px-4 py-2 mx-auto"
-      >
-        Reload Page
-      </button>
+      <div class="w-full max-w-2xl rounded-sm border bg-white p-8 text-center">
+        <h1 class="mb-2 text-3xl font-semibold text-gray-800">
+          Connection error
+        </h1>
+        <p class="mb-6 text-lg text-gray-600">
+          We're having trouble connecting to the server.
+        </p>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="mx-auto mb-4 h-20 w-20 text-gray-500"
+        >
+          <path d="m2 2 20 20"></path>
+          <path
+            d="M5.782 5.782A7 7 0 0 0 9 19h8.5a4.5 4.5 0 0 0 1.307-.193"
+          ></path>
+          <path
+            d="M21.532 16.5A4.5 4.5 0 0 0 17.5 10h-1.79A7.008 7.008 0 0 0 10 5.07"
+          ></path>
+        </svg>
+        <p class="mb-4 text-sm text-gray-500">
+          Please check if the local server is running and is accessible.
+        </p>
+        <button
+          onclick="location.reload()"
+          class="ring-offset-background focus-visible:ring-ring bg-secondary text-secondary-foreground hover:bg-secondary/80 mx-auto inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md border px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+        >
+          Reload Page
+        </button>
+      </div>
     </div>
   </body>
 </html>
diff --git a/tunnel/internal/utils/error-templates/unregistered-subdomain.html b/tunnel/internal/utils/error-templates/unregistered-subdomain.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Portr - Tunnel Subdomain Not Registered</title>
+    <title>Portr - Unregistered subdomain</title>
     <link rel="preconnect" href="https://rsms.me/" />
     <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
     <script src="https://cdn.tailwindcss.com"></script>
@@ -21,22 +21,22 @@
   </head>
   <body>
     <div
-      class="min-h-screen bg-gray-50 flex flex-col justify-center items-center px-4"
+      class="flex min-h-screen flex-col items-center justify-center bg-gray-100 px-4"
     >
-      <div class="max-w-2xl w-full bg-white p-8 rounded-lg shadow-2xl">
-        <h1 class="text-4xl font-bold text-center text-gray-900 mb-8">
-          Tunnel Subdomain Unregistered
+      <div class="w-full max-w-2xl rounded-sm border bg-white p-8">
+        <h1 class="mb-8 text-left text-3xl font-semibold text-gray-900">
+          Unregistered subdomain
         </h1>
-        <p class="text-xl text-center text-gray-600 mb-6">
-          Initiate a new tunnel connection with the command below:
+        <p class="mb-6 text-left text-lg text-gray-600">
+          Create a new tunnel connection with the command below:
         </p>
-        <div class="bg-gray-100 rounded-lg p-6 font-mono text-base mb-8">
+        <div class="mb-8 rounded-lg bg-gray-100 p-6 font-mono text-base">
           <p>portr http 8000 -s {{subdomain}}</p>
         </div>
-        <p class="text-center text-gray-600">
+        <p class="text-left text-gray-600">
           Visit
           <a
-            class="text-green-500 hover:underline"
+            class="text-blue-500 hover:underline"
             href="https://portr.dev"
             target="_blank"
           >