fix: move content to the middle and redirect to podman desktop on page load event (#75)

dgolovin · web-flow · commit 7aea86f13923 · 2024-03-06T08:47:30.000-08:00
Signed-off-by: Denis Golovin &lt;dgolovin@redhat.com&gt;
diff --git a/www/auth.css b/www/auth.css
@@ -9,19 +9,13 @@
 
 body {
 	box-sizing: border-box;
-	min-height: 100%;
+	height: max-content;
 	margin: 0;
 	padding: 15px 30px;
 	display: flex;
 	flex-direction: column;
-}
-
-.message-container {
-	flex-grow: 1;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	margin: 0 30px;
+  justify-content: center;
+  align-items: center;
 }
 
 .message {
@@ -31,6 +25,7 @@ body {
 
 body.error .message {
 	display: none;
+	margin: 30px;
 }
 
 body.error .error-message {
diff --git a/www/success.html b/www/success.html
@@ -10,19 +10,31 @@
       type="text/css"
       href="https://unpkg.com/@patternfly/patternfly@4.96.2/patternfly.min.css"
     />
+    <script lang="javascript">
+      function onLoad() {
+        window.location.href = 'podman-desktop://'
+      };
+      window.onload = onLoad;
+    </script>
   </head>
 
   <body>
-    <div class="pf-c-empty-state">
+    <div class="pf-c-empty-state" >
       <div class="pf-c-empty-state__content">
         <i class="fas fa-key pf-c-empty-state__icon" aria-hidden="true"></i>
         <h1 class="pf-c-title pf-m-lg">
           Welcome to <span id="service">Red Hat</span>
         </h1>
         <div class="pf-c-empty-state__body message">
           You have successfully logged in as
-          <span style="font-weight: 700" id="login"></span>. <br />
-          You may now close this page.
+          <span style="font-weight: 700" id="login"></span>.
+        </div>
+        <div class="pf-c-empty-state__body message">
+          Redirecting to Podman Desktop.
+        </div>
+        <br />
+        <div>
+          <button onclick="onLoad();">Go back to Podman Desktop</button>
         </div>
         <div class="pf-c-empty-state__body error-message">
           An error occurred while signing in:
