From 3ad65c2a5630aebd3a590ab9a8a29edd90ef603f Mon Sep 17 00:00:00 2001 From: olegberman Date: Tue, 28 Jul 2026 17:11:36 -0400 Subject: [PATCH] Polish mobile shell and official branding --- CHANGELOG.md | 6 ++ app/components/layout/account-menu.tsx | 12 ++-- app/components/layout/app-shell.tsx | 2 +- app/components/layout/mobile-navigation.tsx | 1 + app/components/layout/sidebar.tsx | 58 +++++++++++--------- app/components/ui/select.tsx | 4 +- app/components/ui/sheet.tsx | 10 +++- app/features/auth/login-page.tsx | 4 +- app/styles.css | 18 ++++++ index.html | 11 ++-- package.json | 3 +- public/icons/apple-touch-icon.png | Bin 4849 -> 3796 bytes public/icons/icon-192.png | Bin 5162 -> 4196 bytes public/icons/icon-512.png | Bin 15294 -> 11442 bytes public/icons/icon-maskable-512.png | Bin 12244 -> 10332 bytes public/manifest.webmanifest | 4 +- public/offline.html | 13 +++-- scripts/generate-pwa-icons.mjs | 53 ++++++++++++++++++ scripts/pwa/app-icon.svg | 6 -- test/unit/app/layout/mail-shell.test.tsx | 11 ++++ test/unit/app/layout/mobile-shell.test.ts | 32 +++++++++++ test/unit/app/ui/select.test.ts | 5 ++ test/unit/scripts/pwa-build.test.mjs | 10 +++- 23 files changed, 204 insertions(+), 59 deletions(-) create mode 100644 scripts/generate-pwa-icons.mjs delete mode 100644 scripts/pwa/app-icon.svg create mode 100644 test/unit/app/layout/mobile-shell.test.ts diff --git a/CHANGELOG.md b/CHANGELOG.md index 4658f0f..8b51d95 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,11 @@ # Changelog +## 0.1.21 + +- Use the official HQBase logo for the signed-out screen, favicon, and installed PWA icons. +- Refine sidebar and dropdown controls with slimmer icons and clearer account-section separation. +- Keep the mobile drawer within iPhone safe areas and prevent form fields from zooming on focus. + ## 0.1.20 - Hide the available-update banner and duplicate install action after Cloudflare accepts the update diff --git a/app/components/layout/account-menu.tsx b/app/components/layout/account-menu.tsx index 09f6589..30a6e59 100644 --- a/app/components/layout/account-menu.tsx +++ b/app/components/layout/account-menu.tsx @@ -1,4 +1,4 @@ -import { ChevronsUpDown, LogOut } from "lucide-react"; +import { ChevronDown, LogOut } from "lucide-react"; import type * as React from "react"; import { Avatar, AvatarFallback } from "@/components/ui/avatar"; @@ -53,7 +53,11 @@ export function AccountMenu({ {user.name} {user.role} -