diff --git a/src/app/tip/tip-screen.module.css b/src/app/tip/tip-screen.module.css index a926df64..de967af8 100644 --- a/src/app/tip/tip-screen.module.css +++ b/src/app/tip/tip-screen.module.css @@ -68,27 +68,7 @@ .header { display: flex; align-items: center; - justify-content: space-between; - gap: 12px; -} - -.backButton { - display: grid; - width: 42px; - height: 42px; - place-items: center; - border: 1px solid rgba(255, 255, 255, 0.8); - border-radius: 999px; - background: rgba(255, 255, 255, 0.72); - color: #382429; - box-shadow: 0 12px 26px rgba(112, 67, 66, 0.12); - cursor: pointer; - backdrop-filter: blur(18px); - transition: transform 0.18s ease, box-shadow 0.18s ease; -} - -.backButton:active { - transform: scale(0.96); + justify-content: flex-end; } .headerPill { @@ -506,7 +486,6 @@ } @media (hover: hover) { - .backButton:hover, .checkoutButton:not(:disabled):hover { transform: translateY(-1px); } diff --git a/src/app/tip/tip-screen.tsx b/src/app/tip/tip-screen.tsx index 2dfcdf73..21961851 100644 --- a/src/app/tip/tip-screen.tsx +++ b/src/app/tip/tip-screen.tsx @@ -2,7 +2,7 @@ import { useEffect, useMemo, useState, type CSSProperties } from "react"; import Image from "next/image"; -import { ArrowLeft, Heart, Sparkles } from "lucide-react"; +import { Heart, Sparkles } from "lucide-react"; import { CharacterAvatar } from "@/app/_components"; import { MobileShell } from "@/app/_components/core"; @@ -206,10 +206,6 @@ export function TipScreen({ } }; - const handleBack = () => { - navigator.back(); - }; - const handleResetPaidState = () => { paymentDispatch({ type: "PaymentReset" }); }; @@ -229,16 +225,6 @@ export function TipScreen({