-
Notifications
You must be signed in to change notification settings - Fork 182
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
base: main
Are you sure you want to change the base?
feat/fixed and improved pool page #698
Conversation
… and currently making use of the tab component. created a use-mobile hook for breakpoint. matched page with figma design.
close-[#698] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
// ////// | ||
|
||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
remove
margin_frontend/package-lock.json
Outdated
There was a problem hiding this comment.
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>} |
There was a problem hiding this comment.
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
There was a problem hiding this comment.
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
margin_frontend/src/ui/core/tab.tsx
Outdated
? " 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 |
There was a problem hiding this comment.
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]
on it. |
hello @whateverfw, Any pending stuff ? |
no, I've approved it @Prosper1218 |
alright.. Although i can still see the issue under open issues. |
this pr is a work in progress, but will make the pool page responsive.