Skip to content

Mobile fontend fix #25

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
KAMEVETRICS wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Mobile fontend fix #25

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
400cb75
Remove duplicate logo icon on mobile navbar
KAMEVETRICS Feb 9, 2026
e9537ca
Fix mobile frontend: AccountPanel and CreateBetModal updates
KAMEVETRICS Feb 9, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 5 additions & 6 deletions frontend/components/AccountPanel.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -97,9 +97,9 @@ export function AccountPanel() {
return (
<Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
<DialogTrigger asChild>
<Button variant="gradient" disabled={isLoading}>
<User className="w-4 h-4 mr-2" />
Connect Wallet
<Button variant="gradient" disabled={isLoading} className="px-3 md:px-4">
<User className="w-4 h-4 md:mr-2" />
<span className="hidden md:inline">Connect Wallet</span>
</Button>
</DialogTrigger>
<DialogContent className="brand-card border-2">
Expand Down Expand Up @@ -226,11 +226,10 @@ export function AccountPanel() {
<p className="text-sm text-muted-foreground">Network Status</p>
<div className="flex items-center gap-2">
<div
className={`w-2 h-2 rounded-full ${
isOnCorrectNetwork
className={`w-2 h-2 rounded-full ${isOnCorrectNetwork
? "bg-green-500"
: "bg-yellow-500 animate-pulse"
}`}
}`}
/>
<span className="text-sm">
{isOnCorrectNetwork
Expand Down
21 changes: 9 additions & 12 deletions frontend/components/CreateBetModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,9 +109,9 @@ export function CreateBetModal() {
return (
<Dialog open={isOpen} onOpenChange={handleOpenChange}>
<DialogTrigger asChild>
<Button variant="gradient" disabled={!isConnected || !address || isLoading}>
<Plus className="w-4 h-4 mr-2" />
Create Bet
<Button variant="gradient" disabled={!isConnected || !address || isLoading} className="px-3 md:px-4">
<Plus className="w-4 h-4 md:mr-2" />
<span className="hidden md:inline">Create Bet</span>
</Button>
</DialogTrigger>
<DialogContent className="brand-card border-2 sm:max-w-[500px]">
Expand Down Expand Up @@ -197,11 +197,10 @@ export function CreateBetModal() {
setErrors({ ...errors, predictedWinner: "" });
}}
disabled={!team1.trim()}
className={`p-4 rounded-lg border-2 transition-all ${
predictedWinner === "1"
className={`p-4 rounded-lg border-2 transition-all ${predictedWinner === "1"
? "border-accent bg-accent/20 text-accent"
: "border-white/10 hover:border-white/20"
} ${!team1.trim() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`}
} ${!team1.trim() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`}
>
<div className="font-semibold text-sm">{team1 || "Team 1"}</div>
<div className="text-xs text-muted-foreground mt-1">Wins</div>
Expand All @@ -213,11 +212,10 @@ export function CreateBetModal() {
setErrors({ ...errors, predictedWinner: "" });
}}
disabled={!team1.trim() || !team2.trim()}
className={`p-4 rounded-lg border-2 transition-all ${
predictedWinner === "0"
className={`p-4 rounded-lg border-2 transition-all ${predictedWinner === "0"
? "border-yellow-500 bg-yellow-500/20 text-yellow-400"
: "border-white/10 hover:border-white/20"
} ${!team1.trim() || !team2.trim() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`}
} ${!team1.trim() || !team2.trim() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`}
>
<div className="font-semibold text-sm">Draw</div>
<div className="text-xs text-muted-foreground mt-1">Tie</div>
Expand All @@ -229,11 +227,10 @@ export function CreateBetModal() {
setErrors({ ...errors, predictedWinner: "" });
}}
disabled={!team2.trim()}
className={`p-4 rounded-lg border-2 transition-all ${
predictedWinner === "2"
className={`p-4 rounded-lg border-2 transition-all ${predictedWinner === "2"
? "border-accent bg-accent/20 text-accent"
: "border-white/10 hover:border-white/20"
} ${!team2.trim() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`}
} ${!team2.trim() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`}
>
<div className="font-semibold text-sm">{team2 || "Team 2"}</div>
<div className="text-xs text-muted-foreground mt-1">Wins</div>
Expand Down
8 changes: 3 additions & 5 deletions frontend/components/Navbar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -85,11 +85,9 @@ export function Navbar() {
style={{ height: `${headerHeight}px` }}
>
{/* Left: Logo */}
<div className="flex items-center gap-3">
{/* Show mark only on mobile, full logo on desktop */}
<LogoMark size="md" className="flex md:hidden" />
<Logo size="md" className="hidden md:flex" />
<span className="text-lg md:text-xl font-bold ml-2">Football Market</span>
<div className="flex items-center gap-2 md:gap-3">
{/* Show full logo on all screen sizes */}
<Logo size="md" className="flex" />
</div>

{/* Center: Stats */}
Expand Down