nx-webmail: refine login hero corners and typography
Some checks failed
Publish nx-webmail Image (Gitea) / publish (push) Has been cancelled

This commit is contained in:
2026-02-23 13:34:43 +01:00
parent 7f43441367
commit 81c77bce6a
4 changed files with 16 additions and 8 deletions

View File

@@ -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.3 --push .
docker buildx build --platform linux/amd64,linux/arm64 -t git.weektab.org/nexus/nx-webmail:1.0.4 --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.3`).
- `server` uses a prebuilt registry image (`git.weektab.org/nexus/nx-webmail:1.0.4`).
- If your store prefix changes, update `id` in `umbrel-app.yml` and `APP_HOST` in `docker-compose.yml`.
## Notes

View File

@@ -7,7 +7,7 @@ services:
APP_PORT: 3001
server:
image: git.weektab.org/nexus/nx-webmail:1.0.3@sha256:78bcd3b7b8589fbcee065b0cdcc196907a98f747e7680e48f3cefd66478cbe3a
image: git.weektab.org/nexus/nx-webmail:1.0.4@sha256:a5a57deade7005e775a8a6b370d2b3cb8fea2f1d370d65048f2bd580224636ed
init: true
restart: on-failure
stop_grace_period: 1m

View File

@@ -1,5 +1,5 @@
/* Webmail App CSS - Perfect Missive Clone */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
body.webmail-active {
overflow: hidden;
@@ -1283,6 +1283,7 @@ body.webmail-active {
margin: 0;
font-size: 0.95rem;
letter-spacing: 0.02em;
color: #111111;
}
.custom-email-toggle {
@@ -1382,12 +1383,16 @@ body.webmail-active {
}
.webmail-login-page {
min-height: 100vh;
min-height: calc(100vh - 24px);
width: 100%;
margin: 12px;
border-radius: 22px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 48px clamp(20px, 6vw, 84px);
font-family: 'Manrope', 'Inter', -apple-system, sans-serif;
background-image:
linear-gradient(90deg, rgba(10, 16, 28, 0.72) 0%, rgba(10, 16, 28, 0.54) 34%, rgba(10, 16, 28, 0.18) 62%, rgba(10, 16, 28, 0.08) 100%),
url('https://images.unsplash.com/photo-1516117172878-fd2c41f4a759?auto=format&fit=crop&w=2400&q=80');
@@ -1413,7 +1418,7 @@ body.webmail-active {
margin: 0;
font-size: clamp(32px, 4.2vw, 48px);
line-height: 1.08;
font-weight: 700;
font-weight: 800;
color: #ffffff;
text-wrap: balance;
}
@@ -1472,6 +1477,9 @@ body.webmail-active {
@media (max-width: 900px) {
.webmail-login-page {
align-items: flex-start;
min-height: calc(100vh - 16px);
margin: 8px;
border-radius: 16px;
padding: 24px 18px;
background-position: 58% center;
}

View File

@@ -4,7 +4,7 @@ name: Webmail
tagline: Self-hosted IMAP/SMTP webmail client
icon: logo.svg
category: utilities
version: "1.0.3"
version: "1.0.4"
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: >-
Modernized login screen with left-aligned layout and forced fullscreen webmail.
Refined login visuals with rounded hero edges, modern typography, and updated styling.
dependencies: []
path: ""
defaultUsername: ""