Skip to content
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.

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

Add AVS list to Operator details #188

Merged
merged 6 commits into from
Aug 16, 2024
Merged

Conversation

vincenthongzy
Copy link
Collaborator

After discussing with Clem, simple list for now.

@@ -105,7 +105,7 @@ export default function AVSDetails() {
cursor: 'rounded border border-outline shadow-none',
panel: 'p-0',
tab: 'h-fit p-2',
tabList: 'rd-box w-full p-2'
tabList: 'rd-box w-full !overflow-x-scroll p-2'
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

@rubo the rd-boxs overflow hidden caused the tab list horizontal scroll to stop working on smaller screens

Copy link
Contributor

Choose a reason for hiding this comment

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

It works now on a mobile. What's the problem?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

It fails when there are errors. The error messages causes each tab to be longer than usual, causing tabs to be cut off.

Copy link
Contributor

@rubo rubo Aug 16, 2024

Choose a reason for hiding this comment

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

Got it. I'll check but for this particular container disabling it is ok.

@vincenthongzy vincenthongzy requested review from rubo and Zishan-7 and removed request for rubo August 16, 2024 08:05
@vincenthongzy vincenthongzy marked this pull request as ready for review August 16, 2024 08:05
@@ -122,7 +122,7 @@ export default function AVSDetails() {
</div>
<div className="flex w-full justify-center">
{state.isAVSLoading && (
<Skeleton className="mt-2 h-4 w-full rounded-md" />
<Skeleton className="mt-2 h-4 w-full min-w-16 rounded-md" />
Copy link
Contributor

Choose a reason for hiding this comment

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

For short texts like "TVL", skeleton expansion is too short. So, added a min width.

@rubo rubo self-requested a review August 16, 2024 13:50
@rubo rubo changed the title Add AVS list in Operator details page Add AVS list to Operator details Aug 16, 2024
@rubo rubo merged commit cc75f00 into main Aug 16, 2024
2 checks passed
@rubo rubo deleted the feature/operator-details-add-tabs branch August 16, 2024 13:50
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.

3 participants