nx-webmail: center login window and release 1.0.2

nx-webmail/README.md

@@ -30,7 +30,7 @@ Umbrel installation is most reliable when your app uses a prebuilt image from a
    - `git.weektab.org/nexus/nx-webmail:latest`
 3. The workflow then pins `nx-webmail/docker-compose.yml` to `tag@sha256:digest` automatically.
 4. Manual fallback:
-   docker buildx build --platform linux/amd64,linux/arm64 -t git.weektab.org/nexus/nx-webmail:1.0.1 --push .
+   docker buildx build --platform linux/amd64,linux/arm64 -t git.weektab.org/nexus/nx-webmail:1.0.2 --push .
 
 ## Umbrel app packaging
 
@@ -55,7 +55,7 @@ This repository is prepared for Umbrel app-store usage.
 Notes:
 - Umbrel uses the `app_proxy` service in `docker-compose.yml`.
 - Internal app port is `3001`.
-- `server` uses a prebuilt registry image (`git.weektab.org/nexus/nx-webmail:1.0.1`).
+- `server` uses a prebuilt registry image (`git.weektab.org/nexus/nx-webmail:1.0.2`).
 - If your store prefix changes, update `id` in `umbrel-app.yml` and `APP_HOST` in `docker-compose.yml`.
 
 ## Notes

nx-webmail/docker-compose.yml

@@ -7,7 +7,7 @@ services:
       APP_PORT: 3001
 
   server:
-    image: git.weektab.org/nexus/nx-webmail:1.0.1@sha256:6cc48e8159eae4ffad26594dd1cf15d1b1717bfe5d44fb0e3aaf07934af22486
+    image: git.weektab.org/nexus/nx-webmail:1.0.2@sha256:3ab2ab8c21bee911963254218dee65726df9579d5445a2063e16908a55d5c9e5
     init: true
     restart: on-failure
     stop_grace_period: 1m

nx-webmail/src/components/Webmail.jsx

@@ -1796,18 +1796,9 @@ export default function Webmail() {
       </div>
 
       {!isLoggedIn ? (
-        <div className="webmail-hero-split">
+        <div className="webmail-login-window-wrap">
-          <div className="webmail-hero-split__left">{loginForm}</div>
+          <div className="webmail-login-window">
-          <div className="webmail-hero-split__right">
+            {loginForm}
-            <div className="webmail-info-tile">
-              <h3>Login notes</h3>
-              <ul className="webmail-info-list">
-                <li>Use your IMAP credentials including server and port.</li>
-                <li>Your login stays saved in this browser until you click logout.</li>
-                <li>After login, your mailbox is loaded automatically.</li>
-                <li>Errors are shown directly in the form.</li>
-              </ul>
-            </div>
           </div>
         </div>
       ) : (

nx-webmail/src/styles/webmail.css

@@ -1434,6 +1434,27 @@ body.webmail-active {
   border: 1px solid #e5e7eb;
 }
 
+.webmail-login-window-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: calc(100vh - 260px);
+  padding: 24px;
+}
+
+.webmail-login-window {
+  width: min(100%, 460px);
+  border-radius: 14px;
+  background: #ffffff;
+  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
+}
+
+.webmail-login-window .login-form--billing {
+  border: 1px solid #e5e7eb;
+  border-radius: 14px;
+  box-shadow: none;
+}
+
 .webmail-shell-scroll {
   width: auto;
   overflow-x: auto;
@@ -1507,4 +1528,13 @@ body.webmail-active {
   .webmail-stage {
     padding: 20px 24px;
   }
+
+  .webmail-login-window-wrap {
+    min-height: auto;
+    padding: 0;
+  }
+
+  .webmail-login-window {
+    width: 100%;
+  }
 }

nx-webmail/umbrel-app.yml

@@ -4,7 +4,7 @@ name: Webmail
 tagline: Self-hosted IMAP/SMTP webmail client
 icon: logo.svg
 category: utilities
-version: "1.0.1"
+version: "1.0.2"
 port: 3001
 description: >-
   Webmail is a lightweight, self-hosted webmail app for connecting to external
@@ -17,7 +17,7 @@ repo: https://git.weektab.org/nexus/webmail
 support: https://git.weektab.org/nexus/webmail/issues
 gallery: []
 releaseNotes: >-
-  Switched to a prebuilt container image for more reliable Umbrel installs.
+  Centered login window layout and refreshed container image digest.
 dependencies: []
 path: ""
 defaultUsername: ""