fix: move content to the middle and redirect to podman desktop on pag…

…e load event (redhat-developer#75) Signed-off-by: Denis Golovin <[email protected]>
dgolovin · Mar 6, 2024 · 7aea86f · 7aea86f
1 parent f932641
commit 7aea86f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 12 deletions.
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/[email protected]/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: