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

feat/fixed and improved pool page #698

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

Prosper1218
Copy link

this pr is a work in progress, but will make the pool page responsive.

@Prosper1218 Prosper1218 marked this pull request as draft March 5, 2025 10:32
… and currently making use of the tab component. created a use-mobile hook for breakpoint. matched page with figma design.
@Prosper1218
Copy link
Author

Prosper1218 commented Mar 5, 2025

close-[#698]
below is what the pool page currently looks like, it's responsive on both desktop and mobile, the tabs work now too...
and I've cleaned up, and I'm currently making use of the tab component.
image

and on mobile
image

@Prosper1218 Prosper1218 changed the title completed setup and started restructuring page. feat/fixed and improved pool page Mar 5, 2025
@Prosper1218 Prosper1218 marked this pull request as ready for review March 5, 2025 14:15
Copy link
Collaborator

@whateverfw whateverfw left a comment

Choose a reason for hiding this comment

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

please use tailwind utilities where possible, not arbitrary values in [], also make sure that all colors put into theme inside @index.css
double check that color/font-sizes match figma

also this part should be abstracted to own component
image

Comment on lines 21 to 23
// //////


Copy link
Collaborator

Choose a reason for hiding this comment

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

remove

Copy link
Collaborator

Choose a reason for hiding this comment

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

remove

@@ -36,19 +36,19 @@ export default function PoolCard({ pool }: PoolCardProps) {
</div>
</div>

{pool.isDegen && <div className="bg-[#333] px-2 py-1 rounded text-xs text-gray-300">Degen</div>}
{pool.isDegen && <div className="bg-[#333] px-2 py-1 rounded text-xs text-gray-300 flex flex-row items-center gap-1"> <div className="h-[8px] w-[8px] bg-[#898989] rounded-[2px]"></div>Degen</div>}
Copy link
Collaborator

Choose a reason for hiding this comment

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

sizes can be set with size-2, instead of arbitrary values, also colros should be put into theme inside index.css

Copy link
Collaborator

Choose a reason for hiding this comment

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

check font sizes, do not match figma

? " rounded-t-lg text-baseWhite bg-navbg border-b border-activeTab "
: "text-tabText hover:text-baseWhite "
}`}
className={`p-4 text-[16px] font-[400] focus:outline-none transition-colors w-full max-w-[142px] ${activeIndex === index
Copy link
Collaborator

Choose a reason for hiding this comment

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

font-[400] can be replaced with tailwind utility, as well as text-[16px]

@Prosper1218
Copy link
Author

on it.

@Prosper1218
Copy link
Author

image

@djeck1432 djeck1432 linked an issue Mar 6, 2025 that may be closed by this pull request
@Prosper1218
Copy link
Author

hello @whateverfw, Any pending stuff ?

@whateverfw
Copy link
Collaborator

whateverfw commented Mar 8, 2025

no, I've approved it @Prosper1218

@djeck1432

@Prosper1218
Copy link
Author

no, I've approved it @Prosper1218

@djeck1432

alright.. Although i can still see the issue under open issues.

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.

[MarginFrontend] Fix & Improve Pool page
2 participants