[PR #503] [MERGED] Improved preference modal UI #780

New issue

Closed

opened 2026-03-03 00:23:10 +03:00 by kerem · 0 comments

kerem commented

2026-03-03 00:23:10 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/BoostIO/BoostNote-App/pull/503
Author: @ZeroX-DG
Created: 6/8/2020
Status: ✅ Merged
Merged: 7/26/2020
Merged by: @Rokt33r

Base: master ← Head: improve-preference-modal-ui

📝 Commits (6)

e34d97a Improved preference modal UI
cc1d5e7 moved scroll bar style to global style
def6333 limit to 1070px width & center content
f7cfc20 separate width to a variable
89369fa fixed close button position
5094aba Improve PreferencesModal layout

📊 Changes

3 files changed (+110 additions, -61 deletions)

View changed files

📝 src/components/GlobalStyle.tsx (+1 -0)
📝 src/components/PreferencesModal/PreferencesModal.tsx (+105 -58)
📝 src/components/PreferencesModal/TabButton.tsx (+4 -3)

📄 Description

This PR improve the preference modal UI by limiting the width. This way the extra empty space will not looks awkward anymore

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/BoostIO/BoostNote-App/pull/503 **Author:** [@ZeroX-DG](https://github.com/ZeroX-DG) **Created:** 6/8/2020 **Status:** ✅ Merged **Merged:** 7/26/2020 **Merged by:** [@Rokt33r](https://github.com/Rokt33r) **Base:** `master` ← **Head:** `improve-preference-modal-ui` --- ### 📝 Commits (6) - [`e34d97a`](https://github.com/BoostIO/BoostNote-App/commit/e34d97ae6ca96e8d9e8527f348af8af0c97d964b) Improved preference modal UI - [`cc1d5e7`](https://github.com/BoostIO/BoostNote-App/commit/cc1d5e7288bb4cf5c80ca8c1d8a4541ea017af40) moved scroll bar style to global style - [`def6333`](https://github.com/BoostIO/BoostNote-App/commit/def633307a020e1f6588286df393ea8c6e9e99b0) limit to 1070px width & center content - [`f7cfc20`](https://github.com/BoostIO/BoostNote-App/commit/f7cfc205bbcec86380515fcb7699f22e445aa352) separate width to a variable - [`89369fa`](https://github.com/BoostIO/BoostNote-App/commit/89369fadbc29627613d34aadd1d2d729f84b01e2) fixed close button position - [`5094aba`](https://github.com/BoostIO/BoostNote-App/commit/5094aba66c36c98169cec5414aa811a8a412fbd5) Improve PreferencesModal layout ### 📊 Changes **3 files changed** (+110 additions, -61 deletions) <details> <summary>View changed files</summary> 📝 `src/components/GlobalStyle.tsx` (+1 -0) 📝 `src/components/PreferencesModal/PreferencesModal.tsx` (+105 -58) 📝 `src/components/PreferencesModal/TabButton.tsx` (+4 -3) </details> ### 📄 Description This PR improve the preference modal UI by limiting the width. This way the extra empty space will not looks awkward anymore **Before:** ![image](https://user-images.githubusercontent.com/12984316/83993666-2f37b000-a9a8-11ea-8baf-441b4e1e801f.png) **After** ![image](https://user-images.githubusercontent.com/12984316/83993738-6d34d400-a9a8-11ea-973f-4ea3c625eef3.png) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem

2026-03-03 00:23:10 +03:00

closed this issue
added the
pull-request
label

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/BoostNote-App#780

No description provided.

Rows
Columns