xiaokang/lotteryFront
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement global pull-to-refresh functionality and refine UI typography and layout scaling for improved mobile UX.
Some checks failed
lotteryfront CI / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
kang
2026-06-24 11:46:49 +08:00
parent f46ccaac6e
commit cff6470031
24 changed files with 253 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/features/player/entry-gate.tsx
View File

@@ -362,7 +362,7 @@ export function EntryGate() {
return (
<div className="relative flex min-h-dvh flex-col bg-white">
<div className={cn("relative h-[45vh] min-h-[200px] sm:min-h-[320px]", phase === "success" ? "bg-white" : "bg-red-600")}>
<div className={cn("relative h-[45vh] min-h-[200px]", phase === "success" ? "bg-white" : "bg-red-600")}>
<div className="pointer-events-none absolute inset-0 overflow-hidden">
<Image
src={phase === "success" ? "/entry/image4.png" : "/entry/image1.png"}

2
src/features/player/notifications-screen.tsx
View File

@@ -94,7 +94,7 @@ export function NotificationsScreen() {
</span>
<span
className={cn(
"text-[10px] font-semibold",
"text-[11px] font-semibold",
cardRead ? "text-slate-400" : "text-amber-700",
)}
>

4
src/features/player/player-login-screen.tsx
View File

@@ -151,7 +151,7 @@ export function PlayerLoginScreen(): React.ReactElement {
return (
<div className="relative flex min-h-dvh flex-col bg-white">
<div className="relative h-[45vh] min-h-[200px] shrink-0 overflow-hidden bg-red-600 sm:min-h-[320px]">
<div className="relative h-[45vh] min-h-[200px] shrink-0 overflow-hidden bg-red-600">
<div className="pointer-events-none absolute inset-0">
<Image src="/entry/image1.png" alt="" fill className="object-cover object-center" priority />
</div>
@@ -202,7 +202,7 @@ export function PlayerLoginScreen(): React.ReactElement {
placeholder={t("login.captchaPlaceholder")}
maxLength={32}
disabled={loading}
className="min-w-0 flex-1 sm:max-w-[12rem]"
className="min-w-0 flex-1"
/>
<button
type="button"

4
src/features/player/player-session-bar.tsx
View File

@@ -23,7 +23,7 @@ export function PlayerSessionBar({ className }: { className?: string }) {
return (
<div
className={cn(
"flex min-w-0 max-w-[55%] items-center gap-1.5 sm:max-w-[60%]",
"flex min-w-0 max-w-[55%] items-center gap-1.5",
className,
)}
>
@@ -35,7 +35,7 @@ export function PlayerSessionBar({ className }: { className?: string }) {
{label ?? "…"}
</p>
{activeCurrency ? (
<p className="truncate text-[10px] text-muted-foreground">
<p className="truncate text-[11px] text-muted-foreground">
{activeCurrency}
{profile?.locale ? (
<span className="text-muted-foreground/80">