fixed styling for agenda card for now

ucsddesignco · Nov 3, 2024 · 11bddde · 11bddde
1 parent 8b6d07b
commit 11bddde
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/src/components/About/Agenda/Agenda.scss b/src/components/About/Agenda/Agenda.scss
@@ -1,4 +1,7 @@
 .agenda-section {
+  display: flex;
+  flex-direction: column;
+
   .agenda-text {
     font-size: 35px;
     font-weight: bold;

diff --git a/src/components/About/Agenda/Agenda.tsx b/src/components/About/Agenda/Agenda.tsx
@@ -28,7 +28,7 @@ export default function Agenda() {
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
       >
-        <text x="500" y="515" fill="white" className="agenda-text">
+        <text x="150" y="55" fill="white" className="agenda-text">
           Wednesday, Nov 13 | 12-5pm PST
         </text>
         {/* "style=mask-type:luminance" */}
@@ -63,16 +63,16 @@ export default function Agenda() {
           <g key={time}>
             {/* Left cell for time */}
             <rect
-              x="50"
-              y={40 + index * 60}
+              x="300"
+              y={100 + index * 50}
               width="130"
               height="50"
               stroke="#FFFFFF"
               strokeWidth="2"
             />
             <text
-              x="65"
-              y={70 + index * 60}
+              x="315"
+              y={130 + index * 50}
               fontSize="14px"
               fill="#FFFFFF"
               fontFamily="Arial"
@@ -82,16 +82,16 @@ export default function Agenda() {
 
             {/* Right cell for event */}
             <rect
-              x="190"
-              y={40 + index * 60}
+              x="430"
+              y={100 + index * 50}
               width="130"
               height="50"
               stroke="#FFFFFF"
               strokeWidth="2"
             />
             <text
-              x="205"
-              y={70 + index * 60}
+              x="445"
+              y={130 + index * 50}
               fontSize="14px"
               fill="#FFFFFF"
               fontFamily="Arial"

diff --git a/src/components/About/Companies/Companies.tsx b/src/components/About/Companies/Companies.tsx
@@ -12,7 +12,6 @@ interface Company {
   org_type: string;
   description: string;
   companyImage: string;
-  dimensions?: Dimensions;
 }
 
 export default function Companies() {