fix button display on phones
This commit is contained in:
parent
fe0e79fd83
commit
0427031141
|
@ -73,7 +73,7 @@ const IndexPage = () => (
|
||||||
</p>
|
</p>
|
||||||
<div className="mt-6 sm:mt-12">
|
<div className="mt-6 sm:mt-12">
|
||||||
<button
|
<button
|
||||||
className="rounded-lg py-2 px-8 sm:px-10 text-md sm:text-lg md:text-2xl opacity-90 hover:opacity-100 font-semibold"
|
className="rounded-lg py-2 px-6 sm:px-10 text-md sm:text-lg md:text-2xl opacity-90 hover:opacity-100 font-semibold"
|
||||||
style={
|
style={
|
||||||
{
|
{
|
||||||
background: "linear-gradient(270deg, #afda06 34.47%, #fdca19 100%)",
|
background: "linear-gradient(270deg, #afda06 34.47%, #fdca19 100%)",
|
||||||
|
@ -85,7 +85,7 @@ const IndexPage = () => (
|
||||||
Start Trading
|
Start Trading
|
||||||
</a>
|
</a>
|
||||||
</button>
|
</button>
|
||||||
<button className="ml-4 sm:ml-6 rounded-lg py-1 px-8 sm:px-10 text-md sm:text-lg md:text-2xl opacity-80 hover:opacity-100 bg-transparent border-2 border-primary-green">
|
<button className="ml-4 sm:ml-6 rounded-lg py-1 px-6 sm:px-10 text-md sm:text-lg md:text-2xl opacity-80 hover:opacity-100 bg-transparent border-2 border-primary-green">
|
||||||
<a href={LearnUrl} className="text-primary-green hover:text-primary-green">
|
<a href={LearnUrl} className="text-primary-green hover:text-primary-green">
|
||||||
Learn More
|
Learn More
|
||||||
</a>
|
</a>
|
||||||
|
|
Loading…
Reference in New Issue