immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-02-24 19:08:04 +03:00
Code Issues 783 Packages Projects Releases 12 Wiki Activity

[PR #2452] [MERGED] fix(web): layout spacing when zooming #9556

New Issue
Closed
opened 2026-02-05 14:06:48 +03:00 by OVERLORD · 0 comments
OVERLORD commented 2026-02-05 14:06:48 +03:00
Owner
Copy Link

📋 Pull Request Information

Original PR: https://github.com/immich-app/immich/pull/2452
Author: @michelheusschen
Created: 5/17/2023
Status: ✅ Merged
Merged: 5/17/2023
Merged by: @alextran1502

Base: main ← Head: fix/web-layout-spacing-zooming

📝 Commits (1)

  • 3f8709d fix(web): layout spacing when zooming

📊 Changes

6 files changed (+20 additions, -7 deletions)

View changed files

📝 web/src/lib/components/layouts/user-page-layout.svelte (+1 -1)
📝 web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte (+10 -3)
📝 web/src/lib/components/shared-components/side-bar/side-bar-section.svelte (+1 -1)
📝 web/src/routes/(user)/partners/[userId]/+page.svelte (+1 -1)
📝 web/src/routes/admin/+layout.svelte (+3 -1)
📝 web/tailwind.config.cjs (+4 -0)

📄 Description

The spacing for navbar, sidebar and main content were using a mix of pixels and rem causing inconsistent spacing when zooming. This has been fixed by using the appropriate units and values.

Before - After with 150% zoom

before-150
after-150

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/immich-app/immich/pull/2452 **Author:** [@michelheusschen](https://github.com/michelheusschen) **Created:** 5/17/2023 **Status:** ✅ Merged **Merged:** 5/17/2023 **Merged by:** [@alextran1502](https://github.com/alextran1502) **Base:** `main` ← **Head:** `fix/web-layout-spacing-zooming` --- ### 📝 Commits (1) - [`3f8709d`](https://github.com/immich-app/immich/commit/3f8709d08dde588f368365bf5534eca177e58caa) fix(web): layout spacing when zooming ### 📊 Changes **6 files changed** (+20 additions, -7 deletions) <details> <summary>View changed files</summary> 📝 `web/src/lib/components/layouts/user-page-layout.svelte` (+1 -1) 📝 `web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte` (+10 -3) 📝 `web/src/lib/components/shared-components/side-bar/side-bar-section.svelte` (+1 -1) 📝 `web/src/routes/(user)/partners/[userId]/+page.svelte` (+1 -1) 📝 `web/src/routes/admin/+layout.svelte` (+3 -1) 📝 `web/tailwind.config.cjs` (+4 -0) </details> ### 📄 Description The spacing for navbar, sidebar and main content were using a mix of pixels and rem causing inconsistent spacing when zooming. This has been fixed by using the appropriate units and values. **Before - After with 150% zoom** ![before-150](https://github.com/immich-app/immich/assets/59014050/6217b22c-acd7-47d6-a4b9-c07287fd1fb3) ![after-150](https://github.com/immich-app/immich/assets/59014050/a960e06c-78fd-4fbc-aa11-2eebf9a88540) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
OVERLORD added the pull-request label 2026-02-05 14:06:48 +03:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
accessibility
changelog:enhancement
changelog:security
changelog:skip
changelog:translation
cli
date-time
dependencies
documentation
external-library
format
good first issue
mobile-beta
mobile-beta
mobile-beta
needs-answer
nice to have
pull-request
Mirrored from GitHub Pull Request
 sharing
tech-debt
📱mobile
🖥️web
🗄️server
🧠machine-learning
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
OVERLORD
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: immich-app/immich#9556
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?