From c00aef16da2b0ef4f01c8bc6af29814f596ba0f3 Mon Sep 17 00:00:00 2001
From: Blen <blenassefa59@yahoo.com>
Date: Thu, 13 Jun 2024 17:07:19 +0300
Subject: [PATCH] Blen.fix: Card image proportion update

---
 .../registration/registration.component.html  | 22 ++++++-------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/src/app/shared/registration/registration.component.html b/src/app/shared/registration/registration.component.html
index c765fe4..bae0bea 100644
--- a/src/app/shared/registration/registration.component.html
+++ b/src/app/shared/registration/registration.component.html
@@ -29,15 +29,15 @@
     </div>
   </div>
 </div>
-<dialog *ngIf="showShareModal" id="share_modal" class="modal mt-4">
-  <form method="dialog" class="modal-box w-11/12 max-sm:w-full max-sm:mx-2 max-w-7xl min-h-4xl bg-gray-900">
-    <section class="text-gray-400 bg-gray-900 body-font">
+<dialog *ngIf="showShareModal" id="share_modal" class="modal mt-4 ">
+  <form method="dialog" class="modal-box w-11/12 max-sm:w-full max-sm:mx-2 max-w-7xl min-h-8xl bg-gray-900">
+    <section class="text-gray-400 bg-gray-900 body-font h-[70vh] flex items-center justify-center ">
       <div class="container p-4 flex justify-center items-center">
-        <div class="grid grid-cols-1 md:grid-cols-2 justify-center items-center w-full ">
-          <div class="h-full w-full bg-opacity-40  rounded-lg overflow-hidden relative ">
-            <img class="object-cover w-full h-full" src="https://res.cloudinary.com/eskalate/image/upload/v1718181258/Hackathon-2024/Hackathon_Registration_Card.png" alt="Hackathon Attendance" class="w-full lg:w-3/4 mx-auto">
+        <div class="grid grid-cols-1 md:grid-cols-5 justify-center items-center w-full ">
+          <div class="md:col-span-3 h-full w-full bg-opacity-40 rounded-lg overflow-hidden relative">
+            <img class="object-contain w-full h-full" src="https://res.cloudinary.com/eskalate/image/upload/v1718181258/Hackathon-2024/Hackathon_Registration_Card.png" alt="Hackathon Attendance">
           </div>
-          <div class=" h-full w-full max-md:mt-4 flex flex-col items-center justify-center">
+          <div class="md:col-span-2 h-full w-full max-md:mt-4 flex flex-col items-center justify-center">
             <h3 class="text-lg text-gray-100 font-semibold mb-3 text-center">Congrats on registering!🎉 Share this moment with your friends! Copy the text below and spread the word on your social media using the respective buttons provided.</h3>
             <div class="flex flex-col items-center justify-center w-full mb-4">
               <textarea id="shareText" class="textarea textarea-bordered w-full h-auto">I've just registered for the A2SV Hackathon! Join me and be part of this hackathon! https://hackathon.a2sv.org</textarea>
@@ -56,13 +56,6 @@ <h3 class="text-lg text-gray-100 font-semibold mb-3 text-center">Congrats on reg
                 </svg>
               </a>
       
-      
-              <!-- <a class="text-gray-100 align-middle hover:text-indigo-600" target="_blank" (click)="setActiveButton('instagram', instagramSharingLink)" href="https://www.instagram.com/?url=https://res.cloudinary.com/eskalate/image/upload/v1717588776/gallery/Hackathon_Attendance.png&text=I've%20just%20registered%20for%20the%20A2SV%20Hackathon!%20Join%20me%20and%20share%20your%20own%20registration!">
-                <svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 sm:w-5 sm:h-5" viewBox="0 0 448 512">
-                  <path d="M224 202.66A53.34 53.34 0 10277.36 256 53.38 53.38 0 00224 202.66zm124.71-41a54 54 0 00-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31 6.43a54 54 0 00-30.41 30.41c-8.28 21-6.43 71.05-6.43 94.33s-1.85 73.27 6.47 94.34a54 54 0 0030.41 30.41c21 8.29 71 6.43 94.31 6.43s73.24 1.93 94.3-6.43a54 54 0 0030.41-30.41c8.35-21 6.43-71.05 6.43-94.33s1.92-73.26-6.43-94.33zM224 338a82 82 0 1182-82 81.9 81.9 0 01-82 82zm85.38-148.3a19.14 19.14 0 1119.13-19.14 19.1 19.1 0 01-19.09 19.18zM400 32H48A48 48 0 000 80v352a48 48 0 0048 48h352a48 48 0 0048-48V80a48 48 0 00-48-48zm-17.12 290c-1.29 25.63-7.14 48.34-25.85 67s-41.4 24.63-67 25.85c-26.41 1.49-105.59 1.49-132 0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61 0-132 1.29-25.63 7.07-48.34 25.85-67s41.47-24.56 67-25.78c26.41-1.49 105.59-1.49 132 0 25.63 1.29 48.33 7.15 67 25.85s24.63 41.42 25.85 67.05c1.49 26.32 1.49 105.44 0 131.88z" />
-                </svg>
-              </a>
-       -->
               <a class="ml-3 text-gray-100 hover:text-indigo-600" target="_blank"  (click)="setActiveButton('twitter', twitterSharingLink)" href="https://twitter.com/intent/tweet?url=https://res.cloudinary.com/eskalate/image/upload/v1717588776/gallery/Hackathon_Attendance.png&text=I've%20just%20registered%20for%20the%20A2SV%20Hackathon!%20Join%20me%20and%20share%20your%20own%20registration!">
                   <svg class="w-3 h-3 sm:w-4 sm:h-4" viewBox="0 0 300 300" fill="currentColor"  xmlns="http://www.w3.org/2000/svg">
                     <path d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66"/>
@@ -74,7 +67,6 @@ <h3 class="text-lg text-gray-100 font-semibold mb-3 text-center">Congrats on reg
                   <circle cx="4" cy="4" r="2" stroke="none"></circle>
                 </svg>
               </a>
-      
             </span>
           </div>
         </div>