[PR #5275] [MERGED] fix: Add padding to compensate for iPhone nav bar #21658

Closed
opened 2026-04-20 03:38:02 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/5275
Author: @sebdanielsson
Created: 9/8/2024
Status: Merged
Merged: 9/9/2024
Merged by: @tjbck

Base: devHead: safe-area


📝 Commits (1)

  • 83a3e53 Add padding to compensate for iPhone nav bar

📊 Changes

5 files changed (+10 additions, -4 deletions)

View changed files

📝 src/app.html (+4 -1)
📝 src/lib/components/chat/MessageInput.svelte (+1 -1)
📝 src/lib/components/chat/Settings/Advanced/AdvancedParams.svelte (+1 -1)
📝 src/lib/components/layout/Sidebar.svelte (+1 -1)
📝 tailwind.config.js (+3 -0)

📄 Description

Changelog Entry

Description

This PR adds padding on devices that uses a bottom navigation bar that overlays the app. For desktop and phones that does not utilize a floating navigation bar nothing is changed. However for iPhone this fix will now add padding to compensate for this.

Fixed

  • Added bottom padding to compensate for iPhone navigation bar

Screenshots or Videos

Before:

image

After:

image

🔄 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/open-webui/open-webui/pull/5275 **Author:** [@sebdanielsson](https://github.com/sebdanielsson) **Created:** 9/8/2024 **Status:** ✅ Merged **Merged:** 9/9/2024 **Merged by:** [@tjbck](https://github.com/tjbck) **Base:** `dev` ← **Head:** `safe-area` --- ### 📝 Commits (1) - [`83a3e53`](https://github.com/open-webui/open-webui/commit/83a3e53d8d24d82829a89d2274b9290a6b9f8b60) Add padding to compensate for iPhone nav bar ### 📊 Changes **5 files changed** (+10 additions, -4 deletions) <details> <summary>View changed files</summary> 📝 `src/app.html` (+4 -1) 📝 `src/lib/components/chat/MessageInput.svelte` (+1 -1) 📝 `src/lib/components/chat/Settings/Advanced/AdvancedParams.svelte` (+1 -1) 📝 `src/lib/components/layout/Sidebar.svelte` (+1 -1) 📝 `tailwind.config.js` (+3 -0) </details> ### 📄 Description # Changelog Entry ### Description This PR adds padding on devices that uses a bottom navigation bar that overlays the app. For desktop and phones that does not utilize a floating navigation bar nothing is changed. However for iPhone this fix will now add padding to compensate for this. ### Fixed - Added bottom padding to compensate for iPhone navigation bar --- ### Screenshots or Videos Before: <img width="345" alt="image" src="https://github.com/user-attachments/assets/a84bb4e3-25fd-4d19-a9b1-1f690c0f8ce2"> After: <img width="345" alt="image" src="https://github.com/user-attachments/assets/56a69606-821c-4e4e-b7f7-a9aaf625d454"> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-20 03:38:02 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#21658