fix: Match Logs panel background covers full content (#499)

[RounakKumarAgarwal]

Description

Fixes #499

The Match Logs panel background cut off partway down because the container used a fixed height (h-[calc(100vh-350px)]) that was shorter than the inner scroll area's max-h-[calc(100vh-250px)], so overflowing content showed the page background behind it. Most visible in High Contrast (pure black vs. lighter page); present in all themes.

Changed the container's fixed height to a minimum height (h- → min-h-), so the background grows to cover the full content while keeping the intended minimum size.

Changes

• frontend/src/Pages/MatchLogs.tsx: h-[calc(100vh-350px)] → min-h-[calc(100vh-350px)] (one line).

Testing

• npm run build produces no new errors (only pre-existing unrelated ones).
• Verified visually: the Match Logs panel background now extends the full content height instead of cutting off. Before/after screenshots attached.

Screen Recordings

-Before

Before.mp4

-After

After.mp4

[coderabbitai]

Warning

Review limit reached

Next included review available in 36 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: e83c89dc-16ea-44c3-aa14-611232ef21cd

📥 Commits

Reviewing files that changed from the base of the PR and between 9f90f9b and c9b6509.

📒 Files selected for processing (1)

• frontend/src/Pages/MatchLogs.tsx

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}