Comments (5)
Footer seems fine and have no extra vertical spacing as mentioned in screenshot, but there is other UI issue with footer especially on large screen like 32 inch display.
Dashboard and its components covering full width. It is ok, but now see footer.
Footer issue -
Footer has a large spacing on x-axis
from badget.
Can I work on this issue? @meglerhagen
from badget.
Yes, if not @veerbal1 would like to go into it? Ill assign you both :)
from badget.
Yes, if not @veerbal1 would like to go into it? Ill assign you both :)
Okay 👍
from badget.
It is simple to fix but I need to first discuss a little about it. I think the issue is not with our footer as it has spacing around its X-axis, but the issue is with the central content body which is spreading wide from left to right and stretching content on large screens (3840 x 2160 pixels). I suggest there should be a max-width for content under the header, so it cannot extend beyond a certain limit and have better readability. I also wanted to know how others tackle the same issue for larger screens like Vercel, ShadCN-UI, and TikTok. I found they are also using max-width in their content.
ProjectX - Content Stretching Horizontally
Vercel - Content has max-width and center-aligned
ShadCN UI - Content has max-width and center-aligned
What are your thoughts on it?
from badget.
Related Issues (20)
- Safari Resizing Selects Tiles HOT 1
- Feature: Change Homepage Image
- Fix: Home page clean up HOT 4
- Feature: Basic Investment View Integration
- Feature: Optional plaid integration or alternatives
- Feature: Crypto Asset Integration
- Feature: Alpha 0.1 getting started guide
- Bug: 'investment' section has 'Soon' message HOT 2
- Bug: OAuth Callback Authorization Error on Sign-in HOT 1
- Feature: Implement Vercel AI Chat Interface HOT 5
- Bug: z-index issue causing overlapping elements on marketing page navbar HOT 1
- Bug: Modal overflows from the viewport HOT 6
- Feature: Spacing between numbers in modal HOT 9
- Bug: route "/blog" giving error on prod. HOT 2
- Bug: Outdated Platform Information HOT 1
- Feature: From Contentlayer to Content Collections HOT 3
- Feature: Import Bank transactions HOT 1
- Feature: Connect GoCardless HOT 1
- Bug: Missing wrangler entry-point HOT 1
- Feature: Tabs on banking HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from badget.