Update global styles and enhance landing page layout

- Added overflow-x hidden to prevent horizontal scrolling on html and body elements.
- Centered the heading and paragraph text on the landing page for improved aesthetics.
- Introduced a mobile-friendly centered screenshot above download buttons.
- Updated comments for clarity regarding screenshot positioning on different devices.
This commit is contained in:
Jamie Pine
2026-01-25 21:06:41 -08:00
parent af2f37ccb1
commit b4b3762ef0
5 changed files with 164 additions and 17 deletions
+4
View File
@@ -54,8 +54,12 @@
* {
@apply border-border;
}
html {
overflow-x: hidden;
}
body {
@apply bg-background text-foreground antialiased;
overflow-x: hidden;
background-image:
radial-gradient(at 0% 0%, rgba(255, 255, 255, 0.03) 0px, transparent 50%),
radial-gradient(at 100% 100%, rgba(255, 255, 255, 0.02) 0px, transparent 50%);