Skip to content

Conversation

@peppescg
Copy link
Collaborator

@peppescg peppescg commented Dec 1, 2025

  • Fix server name and copy button overflow
  • Support responsive sm breakpoint

Before

image (29) image (28)

After

Kapture.2025-12-01.at.18.41.03.mp4

@peppescg peppescg self-assigned this Dec 1, 2025
Copilot AI review requested due to automatic review settings December 1, 2025 17:50
Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR aims to improve the servers table responsiveness and prevent overflow issues, particularly adding support for the small (sm) breakpoint and refining how the copy URL button renders its label.

  • Add overflow handling by wrapping the table in a horizontally scrollable container.
  • Adjust table column visibility and sizing for sm and larger breakpoints and modify the CopyUrlButton to allow a customizable, hideable label.
  • Minor UI/UX improvements: show titles for truncated content and align actions column.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
src/components/copy-url-button.tsx Adds optional labelClassName and wraps “Copy URL” text in a span to control visibility; maintains onClick handling and accessibility label.
src/app/catalog/components/servers-table.tsx Wraps table in overflow-x container, updates column widths and visibility for sm+, adds titles for cells, and passes labelClassName to hide the button label at smaller breakpoints.

@peppescg peppescg linked an issue Dec 1, 2025 that may be closed by this pull request
@peppescg peppescg merged commit f96db18 into main Dec 2, 2025
17 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug] handle servers table responsive design

3 participants