refactor: overlay sizing

isd-sgcu · Mar 27, 2024 · e668b76 · e668b76
1 parent 3786a40
commit e668b76
Showing 1 changed file with 16 additions and 16 deletions.
diff --git a/apps/web/src/app/(screen)/overlay/page.tsx b/apps/web/src/app/(screen)/overlay/page.tsx
@@ -4,65 +4,65 @@ import QrCode from "../display/components/QrCode";
 
 const OverLay = () => {
     return ( 
-        <div className="bg-[#00FF00] w-screen h-screen text-white text-[50px] font-semibold p-32 flex flex-col justify-between">
+        <div className="bg-[#00FF00] w-screen h-screen text-white text-[40px] font-semibold p-28 flex flex-col justify-between">
             <div className="flex justify-between">
                 <div className="flex flex-col items-center gap-10">
                     <Image
                         src="user/logo.svg"
-                        width={200}
-                        height={360}
+                        width={120}
+                        height={120}
                         alt="live feedback"
                     />
-                    <QrCode size="[260px]" />
+                    <QrCode size="[200px]" />
                 </div>
                 <div className="flex flex-col items-center gap-[50px]">
                     <div className="flex flex-col items-center gap-10">
                         <Image
                             src="user/live.svg"
-                            width={150}
-                            height={150}
+                            width={100}
+                            height={100}
                             alt="live feedback"
                         />
                         <span>LIVE FEEDBACK</span>
                     </div>
                     <div className="flex gap-[40px]">
                         <Image
                             src="user/sgcu.svg"
-                            width={140}
-                            height={140}
+                            width={120}
+                            height={120}
                             alt="sgcu"
                         />
                         <Image
                             src="user/isd.svg"
-                            width={140}
-                            height={140}
+                            width={120}
+                            height={120}
                             alt="isd"
                         />
                     </div>
                 </div>
             </div>
             <div>
-                <div className="flex justify-between">
-                    <div>
+                <div className="flex justify-between mb-4">
+                    <div className="flex flex-col items-center">
                         <Image
                             src="overlay/team-cu.svg"
-                            width={170}
+                            width={140}
                             height={140}
                             alt="cu-team"
                         />
                         <span>#ทีมจุฬาฯ</span>
                     </div>
-                    <div>
+                    <div className="flex flex-col items-center">
                         <Image
                             src="overlay/team-tu.svg"
-                            width={170}
+                            width={140}
                             height={140}
                             alt="tu-team"
                         />
                         <span>#ทีมมธ</span>
                     </div>
                 </div>
-                <FootBallSlider sliderHeight='32' ballSize='64' />
+                <FootBallSlider sliderHeight='[50px]' ballSize='64' />
             </div>
         </div>
     );