style(ui): improve readability and mobile responsiveness#315
Open
drondeseries wants to merge 11 commits intojavi11:mainfrom
Open
style(ui): improve readability and mobile responsiveness#315drondeseries wants to merge 11 commits intojavi11:mainfrom
drondeseries wants to merge 11 commits intojavi11:mainfrom
Conversation
- increase base font sizes and restore table header legibility - increase touch target sizes for buttons and checkboxes - fix layout padding and wrapping issues on mobile - add mobile navbar logo & configuration shortcut - enhance config panels with higher border and background contrast
…rtcuts instead of complete dir
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🎨 Typography and Contrast
[9px]and[10px]fonts totext-xsglobally.opacity-*classes to standard Tailwind semantic color classes liketext-base-content/70to improve legibility.👆 Touch Targets
btn-xssizes tobtn-smto make clicking/tapping on rows much more reliable.checkbox-xstocheckbox-smglobally.📐 Layout & Spacing
mainwrapper padding on mobile fromp-2top-3.FilesPageandHealthPageso that sidebar and content don't feel squished together on narrow desktop screens and correctly wrap on phones.QueueItemCardso extremely long Usenet filenames wrap elegantly to multiple lines instead of shrinking or forcing horizontal scroll.⚙️ Configuration Page & Navigation
Settingsgear icon directly to the top navbar when viewed on small screens, as the sidebar drawer hides it.borderwith high transparency toborder-2(double thickness) with stronger background opacities (bg-base-200/60).Testing