david/euchre_camp
Public Access
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

fix: prevent content overflow on right side of screen
Pull Request / unit-tests (pull_request) Successful in 1m5s
Details
Release / release (push) Failing after 16s
Details
Pull Request / e2e-tests (pull_request) Failing after 4m7s
Details
Pull Request / analyze-bump-type (pull_request) Has been skipped
Details

Browse Source 
Fixes #23

- Added overflow-x-hidden to body in root layout as defensive measure
- Changed table containers from overflow-hidden to overflow-x-auto
  in admin/players page and RankingsClient (3 tables)
- Added min-w-0 and overflow-hidden to Navigation flex containers
  to prevent links from pushing content off screen
- Added flex-shrink-0 to EuchreCamp wordmark link
This commit was merged in pull request #28.
This commit is contained in:
David Gwilliam
2026-04-26 20:02:57 -07:00
committed by david
parent 48730fcf26
commit ce13bae949
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/admin/players/page.tsx
+1 -1
View File
@@ -258,7 +258,7 @@ export default function AdminPlayersPage() {
</div>
{/* Player Table */}
<div className="bg-white shadow rounded-lg overflow-hidden">
<div className="bg-white shadow rounded-lg overflow-x-auto">
<table className="min-w-full divide-y divide-gray-200">
<thead className="bg-gray-50">
<tr>
src/app/layout.tsx
+1 -1
View File
@@ -22,7 +22,7 @@ export default function RootLayout({
lang="en"
className={`${inter.variable} h-full antialiased`}
>
<body className="min-h-full flex flex-col">
<body className="min-h-full flex flex-col overflow-x-hidden">
<SessionProvider>
{children}
<Footer />
src/app/rankings/RankingsClient.tsx
+3 -3
View File
@@ -59,7 +59,7 @@ export default function RankingsClient({ players }: { players: PlayerWithRatings
{/* Elo Rating Tab */}
{activeTab === "elo" && (
<div className="bg-white shadow overflow-hidden sm:rounded-lg">
<div className="bg-white shadow overflow-x-auto sm:rounded-lg">
<h2 className="text-xl font-semibold text-gray-900 px-6 py-4 border-b">
Elo Rating Rankings
</h2>
@@ -117,7 +117,7 @@ export default function RankingsClient({ players }: { players: PlayerWithRatings
{/* OpenSkill Rating Tab */}
{activeTab === "openskill" && (
<div className="bg-white shadow overflow-hidden sm:rounded-lg">
<div className="bg-white shadow overflow-x-auto sm:rounded-lg">
<h2 className="text-xl font-semibold text-gray-900 px-6 py-4 border-b">
OpenSkill Rating Rankings
</h2>
@@ -178,7 +178,7 @@ export default function RankingsClient({ players }: { players: PlayerWithRatings
{/* Glicko2 Rating Tab */}
{activeTab === "glicko2" && (
<div className="bg-white shadow overflow-hidden sm:rounded-lg">
<div className="bg-white shadow overflow-x-auto sm:rounded-lg">
<h2 className="text-xl font-semibold text-gray-900 px-6 py-4 border-b">
Glicko2 Rating Rankings
</h2>