nx-webmail: refine login hero corners and typography
Some checks failed
Publish nx-webmail Image (Gitea) / publish (push) Has been cancelled
Some checks failed
Publish nx-webmail Image (Gitea) / publish (push) Has been cancelled
This commit is contained in:
@@ -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`
|
- `git.weektab.org/nexus/nx-webmail:latest`
|
||||||
3. The workflow then pins `nx-webmail/docker-compose.yml` to `tag@sha256:digest` automatically.
|
3. The workflow then pins `nx-webmail/docker-compose.yml` to `tag@sha256:digest` automatically.
|
||||||
4. Manual fallback:
|
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
|
## Umbrel app packaging
|
||||||
|
|
||||||
@@ -55,7 +55,7 @@ This repository is prepared for Umbrel app-store usage.
|
|||||||
Notes:
|
Notes:
|
||||||
- Umbrel uses the `app_proxy` service in `docker-compose.yml`.
|
- Umbrel uses the `app_proxy` service in `docker-compose.yml`.
|
||||||
- Internal app port is `3001`.
|
- 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`.
|
- If your store prefix changes, update `id` in `umbrel-app.yml` and `APP_HOST` in `docker-compose.yml`.
|
||||||
|
|
||||||
## Notes
|
## Notes
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ services:
|
|||||||
APP_PORT: 3001
|
APP_PORT: 3001
|
||||||
|
|
||||||
server:
|
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
|
init: true
|
||||||
restart: on-failure
|
restart: on-failure
|
||||||
stop_grace_period: 1m
|
stop_grace_period: 1m
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/* Webmail App CSS - Perfect Missive Clone */
|
/* 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 {
|
body.webmail-active {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -1283,6 +1283,7 @@ body.webmail-active {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 0.95rem;
|
font-size: 0.95rem;
|
||||||
letter-spacing: 0.02em;
|
letter-spacing: 0.02em;
|
||||||
|
color: #111111;
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-email-toggle {
|
.custom-email-toggle {
|
||||||
@@ -1382,12 +1383,16 @@ body.webmail-active {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.webmail-login-page {
|
.webmail-login-page {
|
||||||
min-height: 100vh;
|
min-height: calc(100vh - 24px);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
margin: 12px;
|
||||||
|
border-radius: 22px;
|
||||||
|
overflow: hidden;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
padding: 48px clamp(20px, 6vw, 84px);
|
padding: 48px clamp(20px, 6vw, 84px);
|
||||||
|
font-family: 'Manrope', 'Inter', -apple-system, sans-serif;
|
||||||
background-image:
|
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%),
|
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');
|
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;
|
margin: 0;
|
||||||
font-size: clamp(32px, 4.2vw, 48px);
|
font-size: clamp(32px, 4.2vw, 48px);
|
||||||
line-height: 1.08;
|
line-height: 1.08;
|
||||||
font-weight: 700;
|
font-weight: 800;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-wrap: balance;
|
text-wrap: balance;
|
||||||
}
|
}
|
||||||
@@ -1472,6 +1477,9 @@ body.webmail-active {
|
|||||||
@media (max-width: 900px) {
|
@media (max-width: 900px) {
|
||||||
.webmail-login-page {
|
.webmail-login-page {
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
min-height: calc(100vh - 16px);
|
||||||
|
margin: 8px;
|
||||||
|
border-radius: 16px;
|
||||||
padding: 24px 18px;
|
padding: 24px 18px;
|
||||||
background-position: 58% center;
|
background-position: 58% center;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ name: Webmail
|
|||||||
tagline: Self-hosted IMAP/SMTP webmail client
|
tagline: Self-hosted IMAP/SMTP webmail client
|
||||||
icon: logo.svg
|
icon: logo.svg
|
||||||
category: utilities
|
category: utilities
|
||||||
version: "1.0.3"
|
version: "1.0.4"
|
||||||
port: 3001
|
port: 3001
|
||||||
description: >-
|
description: >-
|
||||||
Webmail is a lightweight, self-hosted webmail app for connecting to external
|
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
|
support: https://git.weektab.org/nexus/webmail/issues
|
||||||
gallery: []
|
gallery: []
|
||||||
releaseNotes: >-
|
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: []
|
dependencies: []
|
||||||
path: ""
|
path: ""
|
||||||
defaultUsername: ""
|
defaultUsername: ""
|
||||||
|
|||||||
Reference in New Issue
Block a user