Skip to content

Fix unclickable login button on mobile #190

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

Merged
theimperious1 merged 5 commits into from
Oct 23, 2025
Merged

Fix unclickable login button on mobile #190

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
667de6a
try to fix click and change rejoin to join discord
Oct 23, 2025
d86e4cc
try again
Oct 23, 2025
ad381ab
think the buttons fixed this time
Oct 23, 2025
bc18388
Cleanup
Oct 23, 2025
c617e43
remove border
Oct 23, 2025
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
2 changes: 1 addition & 1 deletion src/components/Header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ function Header() {

<nav
id="navbar"
className={`navbar navbar-expand-lg bg-dark ${mobileMenuOpen ? "navbar-mobile" : ""}`}
className={`navbar ${mobileMenuOpen ? "navbar-mobile" : ""}`}
>
<ul>
<li>
Expand Down
38 changes: 20 additions & 18 deletions src/pages/appeal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -534,22 +534,24 @@ const AppealPage: React.FC = () => {
</div>
</div>
<div className="text-center mt-4">
<a href={getLoginUrl()} className="btn-get-started-wrapper">
<Button
color="primary"
size="lg"
className="btn-get-started scrollto"
style={{
borderRadius: "50px",
padding: "12px 30px",
fontSize: "16px",
fontWeight: "600",
textTransform: "none",
}}
>
Login with Discord
</Button>
</a>
<Button
as="a"
href={getLoginUrl()}
color="primary"
size="lg"
className="btn-get-started scrollto"
style={{
borderRadius: "50px",
padding: "12px 30px",
fontSize: "16px",
fontWeight: "600",
textTransform: "none",
backgroundColor: "#2487ce",
color: "#fff",
}}
>
Login with Discord
</Button>
</div>
</div>
</section>
Expand Down Expand Up @@ -879,7 +881,7 @@ const AppealPage: React.FC = () => {
className="btn btn-success"
>
<i className="bi bi-discord me-2"></i>
Rejoin Discord Server
Join Discord
</a>
</div>
</div>
Expand Down Expand Up @@ -966,7 +968,7 @@ const AppealPage: React.FC = () => {
className="btn btn-success btn-sm"
>
<i className="bi bi-discord me-2"></i>
Rejoin Discord Server
Join Discord
</a>
</div>
)}
Expand Down
Loading