averyfelts/Stop_smoking_website_ver2
1
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile experience enhancements: fixed fog texture, padding adjustments, and dvh support

Browse Source
This commit is contained in:
Avery Felts 2026-01-27 20:21:16 -07:00
parent ce9cd0cce7
commit 38e7bb178f
4 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/fog-texture.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 649 KiB

1
src/app/globals.css
View File

@ -189,6 +189,7 @@
letter-spacing: var(--tracking-normal); letter-spacing: var(--tracking-normal);
background-color: transparent; background-color: transparent;
min-height: 100vh; min-height: 100vh;
min-height: 100dvh;
overflow-x: hidden; overflow-x: hidden;
} }

2
src/components/Dashboard.tsx
View File

@ -219,7 +219,7 @@ export function Dashboard({ user }: DashboardProps) {
<div className="min-h-screen"> <div className="min-h-screen">
<UserHeader user={user} preferences={preferences} /> <UserHeader user={user} preferences={preferences} />
<main className="container mx-auto px-4 py-8"> <main className="container mx-auto px-4 py-8 pb-24 sm:pb-8">
{preferences && ( {preferences && (
<> <>
{/* Floating Log Button */} {/* Floating Log Button */}

2
src/components/UsageCalendar.tsx
View File

@ -213,7 +213,7 @@ export function UsageCalendar({ usageData, onDataUpdate, religion, onReligionUpd
return ( return (
<> <>
<Card className="bg-card/80 backdrop-blur-xl shadow-xl drop-shadow-lg hover-lift transition-all duration-300 border-white/10 overflow-hidden"> <Card className="bg-card/80 backdrop-blur-xl shadow-xl drop-shadow-lg hover-lift transition-all duration-300 border-white/10 overflow-hidden">
<CardContent className="p-1 sm:p-6"> <CardContent className="p-3 sm:p-6">
<div className="flex flex-col lg:flex-row gap-4"> <div className="flex flex-col lg:flex-row gap-4">
{/* Calendar */} {/* Calendar */}
<div className="w-full lg:w-auto overflow-x-auto block"> <div className="w-full lg:w-auto overflow-x-auto block">