From 17cdacbf96729c957b49f2a7c5524cc16e3ba4e6 Mon Sep 17 00:00:00 2001
From: Apisit <apmotive@gmail.com>
Date: Mon, 22 Jul 2024 19:44:59 +0700
Subject: [PATCH] Fix mobile layout

---
 src/app/elevate/page.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/elevate/page.js b/src/app/elevate/page.js
index 2924f2a..109a3d7 100644
--- a/src/app/elevate/page.js
+++ b/src/app/elevate/page.js
@@ -333,7 +333,7 @@ export default function ElevatePage(props) {
 
                 <div className="max-w-6xl mx-auto w-full px-8 z-40 flex flex-col ">
 
-                    <svg width="442" height="36" viewBox="0 0 442 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <svg className="w-80 lg:w-[442px]" viewBox="0 0 442 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M0.6 35V-2.38419e-06H24.5V6.5H8.1V14.35H23V20.2H8.1V28.5H25V35H0.6ZM28.9691 35V-2.38419e-06H36.2691V35H28.9691ZM53.3191 35.5C46.7191 35.5 40.2191 31.85 40.2191 21.95C40.2191 12.25 46.3691 8.5 53.2691 8.5C59.9691 8.5 65.6191 12 65.6191 21.85C65.6191 22.8 65.5691 23.3 65.4691 23.85H47.1691C47.5691 28.2 49.8191 29.95 53.4191 29.95C56.7691 29.95 58.2191 28.6 58.8191 26.5H65.2691C63.9691 32.45 59.3691 35.5 53.3191 35.5ZM47.1691 19.55H58.7191C58.6191 16.55 57.0691 14.05 53.0691 14.05C49.6691 14.05 47.6691 15.95 47.1691 19.55ZM75.4875 35L66.0375 9H73.4875L79.9875 28H80.2375L86.7375 9H94.1375L84.6875 35H75.4875ZM102.768 35.5C98.5184 35.5 94.4184 33.45 94.4184 28.1C94.4184 22.35 99.1184 21.1 103.618 20.45L108.018 19.8C110.418 19.45 111.168 19.05 111.168 17.6V17.25C111.168 14.5 109.368 13.75 107.118 13.75C104.768 13.75 102.668 14.5 102.668 17.2V17.7H95.8184V16.5C95.8184 11.4 99.2184 8.5 107.318 8.5C115.168 8.5 118.318 11.3 118.318 16.95V35H111.368V30.4H111.068C110.568 31.8 108.468 35.5 102.768 35.5ZM105.268 30.3C108.718 30.3 111.168 28 111.168 25.95V23.05C110.768 23.65 109.518 23.85 108.368 24.05L104.718 24.7C102.468 25.05 101.718 26.15 101.718 27.5C101.718 29.1 102.768 30.3 105.268 30.3ZM134.068 35.35C128.868 35.35 125.418 33 125.418 27.2V14.65H121.018V9H125.418V2.3H132.718V9H137.868V14.65H132.718V26.15C132.718 28.15 133.318 29.5 136.018 29.5C136.568 29.5 137.018 29.5 138.068 29.4V34.85C136.918 35.15 135.518 35.35 134.068 35.35ZM153.368 35.5C146.768 35.5 140.268 31.85 140.268 21.95C140.268 12.25 146.418 8.5 153.318 8.5C160.018 8.5 165.668 12 165.668 21.85C165.668 22.8 165.618 23.3 165.518 23.85H147.218C147.618 28.2 149.868 29.95 153.468 29.95C156.818 29.95 158.268 28.6 158.868 26.5H165.318C164.018 32.45 159.418 35.5 153.368 35.5ZM147.218 19.55H158.768C158.668 16.55 157.118 14.05 153.118 14.05C149.718 14.05 147.718 15.95 147.218 19.55ZM181.118 35V-2.38419e-06H188.618V35H181.118ZM211.363 20.25C211.363 16.3 209.613 14.55 206.563 14.55C203.513 14.55 201.113 16.3 201.113 20.25V35H193.813V9H201.113V14.45H201.413C201.863 12 204.363 8.5 209.713 8.5C214.763 8.5 218.663 11.75 218.663 18.5V35H211.363V20.25ZM230.566 35L221.116 9H228.566L235.066 28H235.316L241.816 9H249.216L239.766 35H230.566ZM262.743 35.5C256.143 35.5 249.643 31.85 249.643 21.95C249.643 12.25 255.793 8.5 262.693 8.5C269.393 8.5 275.043 12 275.043 21.85C275.043 22.8 274.993 23.3 274.893 23.85H256.593C256.993 28.2 259.243 29.95 262.843 29.95C266.193 29.95 267.643 28.6 268.243 26.5H274.693C273.393 32.45 268.793 35.5 262.743 35.5ZM256.593 19.55H268.143C268.043 16.55 266.493 14.05 262.493 14.05C259.093 14.05 257.093 15.95 256.593 19.55ZM288.719 35.5C281.769 35.5 277.519 32.45 277.469 26.45H284.019C284.269 28.9 285.919 30.05 288.769 30.05C291.219 30.05 292.869 29.2 292.869 27.35C292.869 26.15 292.069 25.4 290.369 25.05L285.569 24.05C280.119 22.8 278.169 19.9 278.169 16.45C278.169 11.4 282.519 8.5 288.819 8.5C295.769 8.5 299.419 11.9 299.519 17.5H293.419C293.119 14.9 291.419 13.95 288.919 13.95C286.419 13.95 285.269 14.85 285.269 16.25C285.269 17.55 286.219 18.4 287.969 18.75L292.869 19.8C296.969 20.7 300.369 22.6 300.369 27.2C300.369 33 295.019 35.5 288.719 35.5ZM315.367 35.35C310.167 35.35 306.717 33 306.717 27.2V14.65H302.317V9H306.717V2.3H314.017V9H319.167V14.65H314.017V26.15C314.017 28.15 314.617 29.5 317.317 29.5C317.867 29.5 318.317 29.5 319.367 29.4V34.85C318.217 35.15 316.817 35.35 315.367 35.35ZM355.661 20.25C355.661 16.3 354.011 14.55 351.361 14.55C348.761 14.55 346.661 16.3 346.661 20.25V35H339.361V20.25C339.361 16.3 337.711 14.55 335.061 14.55C332.461 14.55 330.361 16.3 330.361 20.25V35H323.061V9H330.361V14.45H330.661C331.061 12 333.711 8.5 338.261 8.5C341.861 8.5 344.911 10.45 346.111 14.45C346.611 12.05 349.461 8.5 354.361 8.5C359.311 8.5 362.961 11.75 362.961 18.5V35H355.661V20.25ZM380.028 35.5C373.428 35.5 366.928 31.85 366.928 21.95C366.928 12.25 373.078 8.5 379.978 8.5C386.678 8.5 392.328 12 392.328 21.85C392.328 22.8 392.278 23.3 392.178 23.85H373.878C374.278 28.2 376.528 29.95 380.128 29.95C383.478 29.95 384.928 28.6 385.528 26.5H391.978C390.678 32.45 386.078 35.5 380.028 35.5ZM373.878 19.55H385.428C385.328 16.55 383.778 14.05 379.778 14.05C376.378 14.05 374.378 15.95 373.878 19.55ZM413.804 20.25C413.804 16.3 412.054 14.55 409.004 14.55C405.954 14.55 403.554 16.3 403.554 20.25V35H396.254V9H403.554V14.45H403.854C404.304 12 406.804 8.5 412.154 8.5C417.204 8.5 421.104 11.75 421.104 18.5V35H413.804V20.25ZM437.095 35.35C431.895 35.35 428.445 33 428.445 27.2V14.65H424.045V9H428.445V2.3H435.745V9H440.895V14.65H435.745V26.15C435.745 28.15 436.345 29.5 439.045 29.5C439.595 29.5 440.045 29.5 441.095 29.4V34.85C439.945 35.15 438.545 35.35 437.095 35.35Z" fill="url(#paint0_linear_279_328)" />
                         <defs>
                             <linearGradient id="paint0_linear_279_328" x1="-2" y1="6.5" x2="526.5" y2="6.5" gradientUnits="userSpaceOnUse">
@@ -346,7 +346,7 @@ export default function ElevatePage(props) {
 
 
 
-                    <div className="flex lg:flex-row flex-col items-start gap-x-12 gap-y-8 mt-20">
+                    <div className="flex lg:flex-row flex-col items-start gap-x-12 gap-y-8 mt-14 lg:mt-20">
                         <div className="flex-none rounded-xl bg-[#F5F5F5] border border-black/10 h-20 w-20 flex items-center justify-center">
                             <svg width="28" height="37" viewBox="0 0 28 37" fill="none" xmlns="http://www.w3.org/2000/svg">
                                 <g clip-path="url(#clip0_279_317)">
@@ -397,8 +397,8 @@ export default function ElevatePage(props) {
                                 <Disclosure >
                                     {({ open }) => (
                                         <>
-                                            <DisclosureButton className="w-full flex items-center">
-                                                <p className="font-medium">{faq.q}</p>
+                                            <DisclosureButton className="w-full flex items-start">
+                                                <p className="font-medium text-left">{faq.q}</p>
                                                 <ChevronDownIcon className={clsx('ml-auto w-5', open && 'rotate-180')} />
                                             </DisclosureButton>
                                             <div className="overflow-hidden">