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

Funding page suggestions #322

Merged
merged 5 commits into from
Dec 19, 2024
Merged

Funding page suggestions #322

merged 5 commits into from
Dec 19, 2024

Conversation

deansallinen
Copy link
Contributor

No description provided.

@@ -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">
Copy link
Contributor Author

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

Copy link

cloudflare-workers-and-pages bot commented Dec 19, 2024

Deploying 2nicove with  Cloudflare Pages  Cloudflare Pages

Latest commit: e9db6cd
Status: ✅  Deploy successful!
Preview URL: https://4501cd6e.unicove2.pages.dev
Branch Preview URL: https://funding-page-dean.unicove2.pages.dev

View logs

<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">
Copy link
Contributor Author

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

Comment on lines +178 to +182
<DLRow title={m.details()}>
{#each service.details as detail}
<DD class="text-white">{detail}</DD>
{/each}
</DLRow>
Copy link
Contributor Author

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="">
Copy link
Contributor Author

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.

Copy link
Contributor

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.

@aaroncox aaroncox merged commit 9d3fa4f into funding-page Dec 19, 2024
3 checks passed
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