-
Notifications
You must be signed in to change notification settings - Fork 3
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
Funding page suggestions #322
Conversation
@@ -151,78 +153,77 @@ | |||
} | |||
</script> | |||
|
|||
<div class="max-w-5xl space-y-6"> | |||
<h2 class="h4">{m.token_purchase_providers()}</h2> | |||
<Stack class="gap-12"> |
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.
add a bigger gap between sections
Deploying 2nicove with
|
Latest commit: |
e9db6cd
|
Status: | ✅ Deploy successful! |
Preview URL: | https://4501cd6e.unicove2.pages.dev |
Branch Preview URL: | https://funding-page-dean.unicove2.pages.dev |
<div> | ||
<div class="mb-4 flex items-center justify-center"> | ||
<img src={service.logo} alt={service.id} class="h-24 w-3/5 object-contain" /> | ||
<MultiCard tag="ul"> |
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.
Multicard here takes card of the switch between mobile and desktop
<DLRow title={m.details()}> | ||
{#each service.details as detail} | ||
<DD class="text-white">{detail}</DD> | ||
{/each} | ||
</DLRow> |
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.
dl
can take multiple dd
elements per dt
so I've done that here. Slight deviation from the design but it matches the rest of the card.
</Grid> | ||
<p>{m.where_eos_can_be_purchased()}</p> | ||
|
||
<Grid tag="ul" itemWidth="10rem" class=""> |
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.
Setting the itemWidth
here rather than explicitly setting grid cols lets it go down to single column on the smallest screens. I think it's a better experience, but let me know.
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.
I thought that having 2 cards per row looked fine on mobile, but having one item per row also works.
No description provided.