Merge pull request #263 from dantemogrim/main
Make buttons more responsive
This commit is contained in:
commit
de84c0825d
@ -88,9 +88,9 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</FadeIn>
|
</FadeIn>
|
||||||
<div className="mt-4 flex gap-4 justify-start font-semibold md:block md:mt-12">
|
<div className="mt-4 font-semibold md:mt-12">
|
||||||
<button
|
<button
|
||||||
className="bg-white shadow-lg px-9 py-3 rounded-full border border-zinc-200 hover:bg-zinc-100 transition-all duration-300"
|
className="py-3 mb-4 xl:mb-0 mr-4 transition-all duration-300 bg-white border rounded-full shadow-lg px-9 border-zinc-200 hover:bg-zinc-100"
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
document
|
document
|
||||||
.getElementById("learn-more")
|
.getElementById("learn-more")
|
||||||
@ -101,7 +101,7 @@ export default function LandingPage() {
|
|||||||
</button>
|
</button>
|
||||||
<Link
|
<Link
|
||||||
to="/editor"
|
to="/editor"
|
||||||
className="md:mt-2 inline-block bg-sky-900 text-white ps-7 pe-6 py-3 rounded-full shadow-lg hover:bg-sky-800 transition-all duration-300"
|
className="inline-block py-3 text-white transition-all duration-300 rounded-full shadow-lg bg-sky-900 ps-7 pe-6 hover:bg-sky-800"
|
||||||
>
|
>
|
||||||
Try it for yourself <i className="bi bi-arrow-right ms-1"></i>
|
Try it for yourself <i className="bi bi-arrow-right ms-1"></i>
|
||||||
</Link>
|
</Link>
|
||||||
|
Loading…
Reference in New Issue
Block a user