blockworks-foundation
/
mango-token-sale
mirror of https://github.com/blockworks-foundation/mango-token-sale.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

mobile responsive fixes and tightening up sections so they're closer

This commit is contained in:
steven 2021-07-27 15:30:22 -07:00
parent a730004122
commit d16e70228b
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/ContentSectionRisks.tsx
View File

@ -3,8 +3,8 @@ const ContentSectionRisks = () => {
<>
{/* Section 3 */}
<div className="bg-bkg-2 transform -skew-y-3">
<div className="max-w-7xl mx-auto px-8 py-48 my-16 transform skew-y-3">
<div className="max-w-4xl mx-auto text-center pt-12 pb-16">
<div className="max-w-7xl mx-auto px-8 py-32 transform skew-y-3">
<div className="max-w-4xl mx-auto text-center pb-16">
<h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
Transparency builds trust
</h2>
@ -16,7 +16,7 @@ const ContentSectionRisks = () => {
</div>
<div className="grid grid-cols-1 md:grid-cols-7 lg:grid-cols-7 grid-rows-2 gap-6 mb-16 mx-auto">
<div className="col-span-1 md:col-span-3 lg:col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-650 md:h-auto lg:h-auto w-auto z-10 shadow-md bg-risk-two md:bg-risk-one lg:bg-risk-one bg-contain bg-right-bottom bg-no-repeat">
<div className="col-span-1 md:col-span-3 lg:col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md bg-risk-two md:bg-risk-one lg:bg-risk-one bg-contain bg-right-bottom bg-no-repeat">
<h3 className="text-white font-semibold text-xl tracking-wide my-2">
Unaudited smart contracts.
</h3>
@ -31,7 +31,7 @@ const ContentSectionRisks = () => {
</p>
</div>
</div>
<div className="col-span-1 md:col-span-4 lg:col-span-4 row-span-2 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-650 md:h-auto lg:h-auto w-auto z-10 shadow-md bg-risk-three bg-contain bg-bottom bg-no-repeat">
<div className="col-span-1 md:col-span-4 lg:col-span-4 row-span-2 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md bg-risk-three bg-contain bg-bottom bg-no-repeat">
<h3 className="text-white font-semibold text-xl tracking-wide my-2">
New token sale mechanism
</h3>

6
components/ContentSectionSale.tsx
View File

@ -2,9 +2,9 @@ const ContentSectionSale = () => {
return (
<>
{/* Section 2 */}
<div className="pt-16 pb-16 mb-16 -mt-16 z-0">
<div className="pb-16 mb-16 z-0">
<div className="max-w-7xl mx-auto px-8 py-16">
<div className="max-w-4xl mb-24 mx-auto text-center mt-16 pt-16">
<div className="max-w-4xl mb-24 mx-auto text-center">
<h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
How the token sale works
</h2>
@ -108,7 +108,7 @@ const ContentSectionSale = () => {
</div>
</div>
<div className="col-span-3 lg:col-span-2">
<div className="bg-bkg-3 border border-bkg-4 bg-feature-three bg-contain lg:bg-cover bg-bottom bg-no-repeat h-575 md:h-650 lg:h-650 w-full shadow-md rounded-xl overflow-hidden mx-auto">
<div className="bg-bkg-3 border border-bkg-4 bg-feature-three bg-contain lg:bg-cover bg-bottom bg-no-repeat h-650 w-full shadow-md rounded-xl overflow-hidden mx-auto">
<div className="py-4 px-8 mt-3">
<div className="flex flex-col mb-8">
<h2 className="text-white font-semibold text-xl tracking-wide mb-2">

2
components/ModalSection.tsx
View File

@ -4,7 +4,7 @@ import StatsModal from './StatsModal'
const ModalSection = () => {
return (
<>
<div className="pt-48 pb-48 px-4">
<div className="pt-32 pb-48 px-4">
<div className="max-w-5xl mx-auto text-center mb-12">
<h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
Ready to contribute?