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

mobile optimized #63

Open
wants to merge 1 commit into
base: refactor/automated
Choose a base branch
from

Conversation

shafu0x
Copy link

@shafu0x shafu0x commented May 8, 2024

Optimized metadata and EVM stack addresses diff tables for mobile view

Copy link

vercel bot commented May 8, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
evm-diff ❌ Failed (Inspect) May 8, 2024 4:33pm

Comment on lines +69 to +80
<div className="max-sm:pr-4 max-sm:col-span-8 col-span-6">
<div>{name}</div>
<Copyable
className="text-secondary text-sm"
content={formatAddress(addr)}
textToCopy={addr}
/>
</div>
<div className="max-sm:col-span-2 col-span-3 pr-4 max-sm:text-right">
{baseStackAddress.exists ? 'Yes' : 'No'}
</div>
<div className="max-sm:col-span-2 col-span-3 max-sm:text-right">{targetStackAddress?.exists ? 'Yes' : 'No'}</div>
Copy link
Owner

Choose a reason for hiding this comment

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

This definitely looks much nicer on mobile! Can we tweak it to stay left aligned on larger screens though? I think it's right aligned on larger screens. (Eventually I want to make the chain names "sticky" so they are always visible when scrolling, which is when you would notice this more easily)

Copy link
Owner

Choose a reason for hiding this comment

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

Just pushed a commit to the refactor/automated branch which adds the stickiness :)

@shafu0x
Copy link
Author

shafu0x commented May 9, 2024

Nice! You want me to left-align it?

@mds1
Copy link
Owner

mds1 commented May 9, 2024

Yea let's try it. I think that will look nicer since the chain name headers are left aligned, e.g. on desktop currently it looks like this:
image

@mds1 mds1 changed the base branch from refactor/automated to main May 22, 2024 00:04
@mds1 mds1 changed the base branch from main to refactor/automated May 22, 2024 00:04
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.

2 participants