wmj/falah-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix QA issues: bottom padding consistency and sign-out spacing

Browse Source 
- dhikr, nur, upgrade: pb-20 → pb-24 on guest/loading screens for
  consistent clearance above the 64px bottom nav
- profile: add mb-4 to sign-out wrapper so it doesn't flush the nav

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
FalahMobile
2026-06-15 09:50:13 +01:00
parent 857e4c948a
commit 8ce5fae25c
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/dhikr/page.tsx
+2 -2
View File
@@ -109,7 +109,7 @@ export default function DhikrPage() {
if (!user) { if (!user) {
return ( return (
<div className="min-h-dvh flex flex-col items-center justify-center bg-[#f5f4f0] px-6 pb-20"> <div className="min-h-dvh flex flex-col items-center justify-center bg-[#f5f4f0] px-6 pb-24">
<div className="text-5xl mb-6">📿</div> <div className="text-5xl mb-6">📿</div>
<h2 className="text-xl font-bold text-gray-900 mb-2">Daily Dhikr</h2> <h2 className="text-xl font-bold text-gray-900 mb-2">Daily Dhikr</h2>
<p className="text-gray-500 text-sm text-center mb-8"> <p className="text-gray-500 text-sm text-center mb-8">
@@ -125,7 +125,7 @@ export default function DhikrPage() {
if (loading) { if (loading) {
return ( return (
<div className="min-h-dvh flex items-center justify-center bg-[#f5f4f0] pb-20"> <div className="min-h-dvh flex items-center justify-center bg-[#f5f4f0] pb-24">
<div className="w-8 h-8 rounded-full border-2 border-emerald-700/30 border-t-emerald-700 animate-spin" /> <div className="w-8 h-8 rounded-full border-2 border-emerald-700/30 border-t-emerald-700 animate-spin" />
</div> </div>
) )
src/app/nur/page.tsx
+1 -1
View File
@@ -173,7 +173,7 @@ export default function NurPage() {
if (!user) { if (!user) {
return ( return (
<div className="min-h-dvh flex flex-col items-center justify-center bg-[#f5f4f0] px-6 pb-20"> <div className="min-h-dvh flex flex-col items-center justify-center bg-[#f5f4f0] px-6 pb-24">
<div className="w-20 h-20 rounded-3xl bg-gradient-to-br from-violet-500 to-purple-600 flex items-center justify-center mb-6 shadow-lg"> <div className="w-20 h-20 rounded-3xl bg-gradient-to-br from-violet-500 to-purple-600 flex items-center justify-center mb-6 shadow-lg">
<Bot size={36} className="text-white" /> <Bot size={36} className="text-white" />
</div> </div>
src/app/profile/page.tsx
+1 -1
View File
@@ -200,7 +200,7 @@ export default function ProfilePage() {
</div> </div>
{/* Sign Out */} {/* Sign Out */}
<div className="mx-4"> <div className="mx-4 mb-4">
<button <button
onClick={() => { onClick={() => {
if (typeof window !== 'undefined') { if (typeof window !== 'undefined') {
src/app/upgrade/page.tsx
+2 -2
View File
@@ -101,7 +101,7 @@ function UpgradeContent() {
} }
if (authLoading) return ( if (authLoading) return (
<div className="min-h-dvh bg-[#f5f4f0] flex items-center justify-center pb-20"> <div className="min-h-dvh bg-[#f5f4f0] flex items-center justify-center pb-24">
<div className="w-8 h-8 rounded-full border-2 border-emerald-300 border-t-emerald-600 animate-spin" /> <div className="w-8 h-8 rounded-full border-2 border-emerald-300 border-t-emerald-600 animate-spin" />
</div> </div>
) )
@@ -206,7 +206,7 @@ function UpgradeContent() {
export default function UpgradePage() { export default function UpgradePage() {
return ( return (
<Suspense fallback={ <Suspense fallback={
<div className="min-h-dvh bg-[#f5f4f0] flex items-center justify-center pb-20"> <div className="min-h-dvh bg-[#f5f4f0] flex items-center justify-center pb-24">
<div className="w-8 h-8 rounded-full border-2 border-emerald-300 border-t-emerald-600 animate-spin" /> <div className="w-8 h-8 rounded-full border-2 border-emerald-300 border-t-emerald-600 animate-spin" />
</div> </div>
}> }>