Merge pull request #140 from TCP-Tech/main

back
TCP-Tech · Mar 18, 2024 · aa65477 · aa65477
2 parents e926b2e + 357351f
commit aa65477
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/src/components/teamCard/TeamCard.js b/src/components/teamCard/TeamCard.js
@@ -10,11 +10,14 @@ const TeamCard = ({
   linkedin,
   domain,
 }) => {
+  const imgIdRegex = /\/uc\?id=([\w-]+)&?/;
+  const match = img.match(imgIdRegex);
+  const extractedId = match ? match[1] : null;
   return (
     <div className="codeutsava__team-card">
       <div id="dfg"></div>
       <div className="codeutsava__team-card-img">
-        <img src={img} />
+        <img src={`https://drive.google.com/thumbnail?id=${extractedId}`} />
       </div>
       <div className="codeutsava__team-card-content">
         <h3 className="name">{name}</h3>

diff --git a/src/components/teamCard3/TeamCard3.js b/src/components/teamCard3/TeamCard3.js
@@ -5,14 +5,17 @@ import spider from "../../assets/images/spider.svg";
 import pumpkin from "../../assets/images/pumpkin.svg";
 
 const TeamCard3 = ({ img, name, position, linkedin, email, domain }) => {
+  const imgIdRegex = /\/uc\?id=([\w-]+)&?/;
+  const match = img.match(imgIdRegex);
+  const extractedId = match ? match[1] : null;
   return (
     <div className="codeutsava__team-card3">
       <div className="codeutsava__team-card3-ds-top"></div>
       <div className="codeutsava__team-card3-spider">
         <img src={spider} className="codeutsava__team-card3-spider-img" />
       </div>
       <div className="codeutsava__team-card3-avatar-holder">
-        <img src={img} className="codeutsava__team-card3-avatar-holder-img" />
+        <img src={`https://drive.google.com/thumbnail?id=${extractedId}`} className="codeutsava__team-card3-avatar-holder-img" />
       </div>
       <div className="codeutsava__team-card3-content">
         <h2>{name}</h2>

diff --git a/src/components/winningTeamCard/WinningTeamCard.css b/src/components/winningTeamCard/WinningTeamCard.css
@@ -116,6 +116,7 @@
   border: 2px solid black;
 }
 .codeutsava__section11-problemModal-body {
+  padding: 50px;
   overflow: hidden;
   position: fixed;
   width: 80%;
@@ -167,6 +168,7 @@
 
 @media screen and (max-width: 200px) {
   .codeutsava__section11-problemModal-body {
+    padding: 5px;
     height: 65%;
     width: 90%;
     padding: 10px;
@@ -177,7 +179,7 @@
   }
 
   .codeutsava__section11-problemModal-body h1 {
-    font-size: 16px;
+    font-size: 10px;
     text-align: center;
     margin: 4px 4px;
   }
@@ -195,7 +197,7 @@
 }
 
 .codeutsava__section11-problemModal-body table {
-  width: 80%;
+  width: 100%;
   margin: 1rem 0;
   border-collapse: collapse;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

diff --git a/src/pages/home/sections/section6/Section6.css b/src/pages/home/sections/section6/Section6.css
@@ -5,6 +5,7 @@
 }
 
 .codeutsava__section6-body {
+  overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -155,8 +156,8 @@
   }
 }
 
-@media screen and (max-width: 350px) {
+/* @media screen and (max-width: 350px) {
   .codeutsava__section6-sponser-list {
     max-width: 200px;
   }
-}
+} */