styles

replicatedhq · Oct 4, 2024 · 8891c09 · 8891c09
1 parent b5fb610
commit 8891c09
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/kurl_proxy/assets/insecure.html b/kurl_proxy/assets/insecure.html
@@ -72,8 +72,8 @@
 
       <div class="min-h-full w-full flex flex-1">
         {{if .IsEmbeddedCluster}}
-        <div class="bg-[#F9FBFC]">
-          <div class="py-8 pl-8 shadow-[0_1px_0_#c4c8ca] w-[400px]">
+        <div class="bg-[#F9FBFC] min-400">
+          <div class="py-8 pl-8 shadow-[0_1px_0_#c4c8ca]">
             <span class="text-lg font-semibold text-gray-[#323232]">
               Let's get you started!
             </span>

diff --git a/kurl_proxy/assets/tls-custom.css b/kurl_proxy/assets/tls-custom.css
@@ -603,3 +603,10 @@ p.hidden {
 .tls-content {
   width: 800px;
 }
+
+.min-400 {
+  min-width: 400px;
+}
+.width-900 {
+  width: 900px;
+}
diff --git a/kurl_proxy/assets/tls.html b/kurl_proxy/assets/tls.html
@@ -31,8 +31,8 @@
       </div>
 
       <div class="min-h-full w-full flex flex-1">
-        <div class="bg-[#F9FBFC]">
-          <div class="py-8 pl-8 shadow-[0_1px_0_#c4c8ca] w-[400px]">
+        <div class="bg-[#F9FBFC] min-400">
+          <div class="py-8 pl-8 shadow-[0_1px_0_#c4c8ca]">
             <span class="text-lg font-semibold !color-gray-[#323232]">
               Let's get you started!
             </span>
@@ -80,7 +80,7 @@
             </span>
           </div>
         </div>
-        <div class="tlsContent--wrapper px-8">
+        <div class="tlsContent--wrapper px-8 width-900">
           <p class="tls-header my-8">Secure the Admin Console</p>
           <hr />
           <div class="mt-8 p-8 bg-[#F9FBFC] flex-column flex">
@@ -134,7 +134,7 @@
                 will see a warning in your browser every time you access the
                 admin console unless you upload your own TLS certificate.
               </p>
-              <p class="tls-header-sub custom-cert-visible hidden tls-content">
+              <p class="tls-header-sub custom-cert-visible hidden">
                 Upload a trusted certificate to secure communication between
                 your browser and the Admin Console.
               </p>