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:
After:
🔄 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>
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
📋 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:
dev← Head:safe-area📝 Commits (1)
83a3e53Add 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
Screenshots or Videos
Before:
After:
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.