more style updates/layout setup

gitcoinco · Jun 7, 2024 · 247b1d4 · 247b1d4
1 parent d4ce8ef
commit 247b1d4
Show file tree

Hide file tree

Showing 9 changed files with 118 additions and 61 deletions.
diff --git a/packages/common/src/components/Footer.tsx b/packages/common/src/components/Footer.tsx
@@ -1,10 +1,10 @@
 import Discord from "../icons/Discord";
 import Github from "../icons/Github";
 import Gitbook from "../icons/Gitbook";
-// import { getConfig } from "../config";
 import ManagerIcon from "../icons/ManagerIcon";
 import BuilderIcon from "../icons/BuilderIcon";
 
+// Note: Footer Navigation items
 const navigation = [
   // note: the Manager and Builder icons are white... so they are not visible on the white background of the footer
   {
@@ -39,10 +39,7 @@ const navigation = [
   },
 ];
 
-// note: not sure if we need this anymore? We could keep it as a hidden value for debugging purposes.
-// const config = getConfig();
-// const COMMIT_HASH = process.env.REACT_APP_GIT_SHA ?? "localhost";
-// const ALLO_VERSION = config.allo.version;
+const COMMIT_HASH = process.env.REACT_APP_GIT_SHA ?? "localhost";
 
 export default function Footer() {
   return (
@@ -62,6 +59,7 @@ export default function Footer() {
           ))}
         </div>
       </div>
+      <div className="hidden">{COMMIT_HASH}</div>
     </footer>
   );
 }
diff --git a/packages/common/src/icons/BuilderIcon.tsx b/packages/common/src/icons/BuilderIcon.tsx
@@ -9,19 +9,19 @@ function BuilderIcon() {
     >
       <path
         d="M10.5267 20.5H10.5146C10.3682 20.498 10.2244 20.4611 10.0956 20.3923C9.96672 20.3236 9.85662 20.2251 9.77465 20.1053L6.60153 15.045C6.41067 14.7654 6.16619 14.5253 5.8819 14.3383L0.903671 11.2484C0.778012 11.1655 0.675289 11.053 0.604811 10.921C0.534332 10.789 0.498327 10.6418 0.50006 10.4926C0.501792 10.3434 0.541212 10.1969 0.614737 10.0666C0.688261 9.93623 0.793571 9.82607 0.921122 9.74605L5.39634 7.15181C5.68777 6.96977 5.93977 6.73252 6.13777 6.45374L9.77223 0.881057C9.85694 0.761907 9.96979 0.664946 10.101 0.598557C10.2322 0.532168 10.3778 0.498364 10.5253 0.500061C10.6727 0.501757 10.8175 0.538909 10.9471 0.608299C11.0767 0.67769 11.1873 0.777208 11.2691 0.898275L14.5644 6.25707C14.7495 6.53035 14.9857 6.7663 15.2603 6.95229L20.1062 10.0145C20.2298 10.0983 20.3304 10.211 20.3991 10.3425C20.4678 10.4741 20.5024 10.6204 20.4999 10.7684C20.4973 10.9164 20.4577 11.0615 20.3845 11.1906C20.3113 11.3198 20.2069 11.4291 20.0805 11.5087L15.4284 14.2292C15.1452 14.4072 14.8994 14.6374 14.7044 14.9072L11.2599 20.1263C11.1763 20.2414 11.0663 20.3352 10.9388 20.4002C10.8114 20.4651 10.6702 20.4993 10.5267 20.5ZM3.18466 10.0054C3.09669 10.0604 3.02405 10.1363 2.97332 10.2261C2.9226 10.3159 2.8954 10.4168 2.8942 10.5196C2.89299 10.6224 2.91782 10.7239 2.96643 10.8148C3.01504 10.9058 3.08589 10.9833 3.17254 11.0403L6.6776 13.1613C7.11689 13.4502 7.49471 13.8211 7.78976 14.2532L10.1124 18.0699C10.1602 18.1403 10.2245 18.1982 10.3 18.2386C10.3754 18.279 10.4597 18.3007 10.5455 18.3019C10.6313 18.303 10.7161 18.2835 10.7926 18.2451C10.8691 18.2067 10.9351 18.1505 10.9847 18.0814L13.5453 14.0828C13.8467 13.6658 14.2266 13.3099 14.6642 13.0345L17.8872 11.214C17.9702 11.1616 18.0389 11.0898 18.0869 11.005C18.135 10.9201 18.161 10.8248 18.1627 10.7276C18.1644 10.6303 18.1417 10.5342 18.0965 10.4478C18.0514 10.3613 17.9854 10.2872 17.9042 10.2322L14.4544 8.11783C14.03 7.83035 13.6652 7.46545 13.3795 7.04273L10.9348 2.94562C10.887 2.87509 10.8226 2.81711 10.7471 2.77669C10.6716 2.73627 10.5872 2.71462 10.5013 2.71363C10.4154 2.71265 10.3306 2.73234 10.2541 2.77101C10.1776 2.80969 10.1119 2.86616 10.0625 2.93558L7.32648 7.24512C7.00915 7.69066 6.60605 8.07012 6.1402 8.36185L3.18466 10.0054Z"
-        fill="white"
+        fill="black"
       />
       <path
         d="M10.6217 11.8149C11.2132 11.8149 11.6927 11.3415 11.6927 10.7575C11.6927 10.1735 11.2132 9.70007 10.6217 9.70007C10.0302 9.70007 9.55075 10.1735 9.55075 10.7575C9.55075 11.3415 10.0302 11.8149 10.6217 11.8149Z"
-        fill="white"
+        fill="black"
       />
       <path
         d="M16.2165 6.65374C16.8079 6.65374 17.2874 6.18032 17.2874 5.59633C17.2874 5.01234 16.8079 4.53894 16.2165 4.53894C15.625 4.53894 15.1455 5.01234 15.1455 5.59633C15.1455 6.18032 15.625 6.65374 16.2165 6.65374Z"
-        fill="white"
+        fill="black"
       />
       <path
         d="M5.02753 16.878C5.619 16.878 6.09846 16.4046 6.09846 15.8206C6.09846 15.2366 5.619 14.7632 5.02753 14.7632C4.43606 14.7632 3.95657 15.2366 3.95657 15.8206C3.95657 16.4046 4.43606 16.878 5.02753 16.878Z"
-        fill="white"
+        fill="black"
       />
     </svg>
   );

diff --git a/packages/common/src/icons/Discord.tsx b/packages/common/src/icons/Discord.tsx
@@ -10,15 +10,15 @@ function Discord() {
       <g clipPath="url(#clip0_578_29)">
         <path
           d="M12.11 10C12.11 10.61 11.66 11.11 11.09 11.11C10.53 11.11 10.07 10.61 10.07 10C10.07 9.39 10.52 8.89 11.09 8.89C11.66 8.89 12.11 9.39 12.11 10ZM7.44 8.89C6.87 8.89 6.42 9.39 6.42 10C6.42 10.61 6.88 11.11 7.44 11.11C8.01 11.11 8.46 10.61 8.46 10C8.47 9.39 8.01 8.89 7.44 8.89ZM18 2.56V20.5C15.4807 18.2737 16.2864 19.0106 13.36 16.29L13.89 18.14H2.55C1.42 18.14 0.5 17.22 0.5 16.08V2.56C0.5 1.42 1.42 0.5 2.55 0.5H15.95C17.08 0.5 18 1.42 18 2.56ZM15.15 12.04C15.15 8.82 13.71 6.21 13.71 6.21C12.27 5.13 10.9 5.16 10.9 5.16L10.76 5.32C12.46 5.84 13.25 6.59 13.25 6.59C10.8746 5.28809 8.08422 5.28785 5.78 6.3C5.41 6.47 5.19 6.59 5.19 6.59C5.19 6.59 6.02 5.8 7.82 5.28L7.72 5.16C7.72 5.16 6.35 5.13 4.91 6.21C4.91 6.21 3.47 8.82 3.47 12.04C3.47 12.04 4.31 13.49 6.52 13.56C6.52 13.56 6.89 13.11 7.19 12.73C5.92 12.35 5.44 11.55 5.44 11.55C5.58711 11.653 5.82969 11.7864 5.85 11.8C7.53789 12.7452 9.93547 13.0549 12.09 12.15C12.44 12.02 12.83 11.83 13.24 11.56C13.24 11.56 12.74 12.38 11.43 12.75C11.73 13.13 12.09 13.56 12.09 13.56C14.3 13.49 15.15 12.04 15.15 12.04Z"
-          fill="white"
+          fill="black"
         />
       </g>
       <defs>
         <clipPath id="clip0_578_29">
           <rect
             width="17.5"
             height="20"
-            fill="white"
+            fill="black"
             transform="translate(0.5 0.5)"
           />
         </clipPath>

diff --git a/packages/common/src/icons/Gitbook.tsx b/packages/common/src/icons/Gitbook.tsx
@@ -10,15 +10,15 @@ function Gitbook() {
       <g clipPath="url(#clip0_578_41)">
         <path
           d="M10.8001 18.2749C11.1751 18.2749 11.5126 18.5749 11.5126 18.9874C11.5126 19.3624 11.2126 19.6999 10.8001 19.6999C10.4251 19.6999 10.0876 19.3999 10.0876 18.9874C10.0876 18.5749 10.4251 18.2749 10.8001 18.2749ZM21.8251 13.9249C21.4501 13.9249 21.1126 13.6249 21.1126 13.2124C21.1126 12.8374 21.4126 12.4999 21.8251 12.4999C22.2001 12.4999 22.5376 12.7999 22.5376 13.2124C22.5376 13.5874 22.2001 13.9249 21.8251 13.9249ZM21.8251 11.0374C20.6251 11.0374 19.6501 12.0124 19.6501 13.2124C19.6501 13.4374 19.6876 13.6624 19.7626 13.8874L12.6001 17.7124C12.1876 17.1124 11.5126 16.7749 10.8001 16.7749C9.97505 16.7749 9.22505 17.2624 8.85005 17.9749L2.40005 14.5999C1.72505 14.2249 1.20005 13.1374 1.27505 12.0874C1.31255 11.5624 1.50005 11.1499 1.76255 10.9999C1.95005 10.8874 2.13755 10.9249 2.40005 11.0374L2.43755 11.0749C4.16255 11.9749 9.75005 14.8999 9.97505 15.0124C10.3501 15.1624 10.5376 15.2374 11.1751 14.9374L22.7251 8.93744C22.9126 8.86244 23.1001 8.71244 23.1001 8.44994C23.1001 8.11244 22.7626 7.96244 22.7626 7.96244C22.0876 7.66244 21.0751 7.17494 20.1001 6.72494C18.0001 5.74994 15.6001 4.62494 14.5501 4.06244C13.6501 3.57494 12.9001 3.98744 12.7876 4.06244L12.5251 4.17494C7.76255 6.57494 1.46255 9.68744 1.08755 9.91244C0.450053 10.2874 0.0375525 11.0749 5.2521e-05 12.0499C-0.0749475 13.5874 0.712552 15.1999 1.83755 15.7624L8.66255 19.2874C8.81255 20.3374 9.75005 21.1624 10.8001 21.1624C12.0001 21.1624 12.9376 20.2249 12.9751 19.0249L20.4751 14.9749C20.8501 15.2749 21.3376 15.4249 21.8251 15.4249C23.0251 15.4249 24.0001 14.4499 24.0001 13.2499C24.0001 12.0124 23.0251 11.0374 21.8251 11.0374Z"
-          fill="white"
+          fill="black"
         />
       </g>
       <defs>
         <clipPath id="clip0_578_41">
           <rect
             width="24"
             height="24"
-            fill="white"
+            fill="black"
             transform="translate(0 0.5)"
           />
         </clipPath>

diff --git a/packages/common/src/icons/Github.tsx b/packages/common/src/icons/Github.tsx
@@ -11,35 +11,35 @@ function Github() {
         fillRule="evenodd"
         clipRule="evenodd"
         d="M10.2567 2.16669C8.21671 2.16775 6.24365 2.89026 4.69029 4.20502C3.13692 5.51979 2.10455 7.34108 1.77776 9.34323C1.45097 11.3454 1.85107 13.3978 2.90653 15.1336C3.962 16.8693 5.60398 18.1752 7.5389 18.8177C7.96577 18.8969 8.12656 18.6323 8.12656 18.4074C8.12656 18.1824 8.11802 17.5302 8.11517 16.8171C5.72468 17.3335 5.21955 15.8083 5.21955 15.8083C4.82968 14.818 4.2662 14.5577 4.2662 14.5577C3.48645 14.0285 4.32455 14.0384 4.32455 14.0384C5.18825 14.0992 5.64216 14.9198 5.64216 14.9198C6.40769 16.2257 7.65273 15.848 8.14221 15.6273C8.21904 15.0741 8.44245 14.6977 8.68861 14.4841C6.77906 14.269 4.77276 13.5362 4.77276 10.2623C4.76092 9.4132 5.0778 8.59211 5.65781 7.96885C5.56959 7.7538 5.27504 6.8851 5.74176 5.70514C5.74176 5.70514 6.46318 5.47594 8.10522 6.58092C9.51365 6.19795 10.9997 6.19795 12.4081 6.58092C14.0487 5.47594 14.7687 5.70514 14.7687 5.70514C15.2368 6.88227 14.9423 7.75097 14.8541 7.96885C15.4359 8.59221 15.7535 9.41474 15.7405 10.2651C15.7405 13.5461 13.73 14.269 11.8176 14.4798C12.1249 14.7458 12.3996 15.2651 12.3996 16.063C12.3996 17.2062 12.3896 18.1258 12.3896 18.4074C12.3896 18.6352 12.5447 18.9011 12.9801 18.8177C14.9152 18.1751 16.5574 16.869 17.6128 15.133C18.6683 13.3969 19.0682 11.3442 18.741 9.34184C18.4138 7.3395 17.381 5.51819 15.8271 4.20365C14.2732 2.88911 12.2997 2.16707 10.2595 2.16669H10.2567Z"
-        fill="white"
+        fill="black"
       />
       <path
         d="M4.9177 14.4346C4.8992 14.477 4.8309 14.4897 4.7754 14.46C4.71991 14.4303 4.67865 14.3751 4.69857 14.3313C4.71849 14.2874 4.78537 14.2761 4.84086 14.3058C4.89635 14.3355 4.93904 14.3921 4.9177 14.4346Z"
-        fill="white"
+        fill="black"
       />
       <path
         d="M5.26641 14.8208C5.23695 14.8356 5.20323 14.8397 5.17105 14.8325C5.13886 14.8252 5.1102 14.8071 5.08997 14.7812C5.03448 14.7218 5.02309 14.6397 5.06578 14.6029C5.10847 14.5661 5.18531 14.5831 5.2408 14.6425C5.29629 14.7019 5.3091 14.784 5.26641 14.8208Z"
-        fill="white"
+        fill="black"
       />
       <path
         d="M5.60497 15.3117C5.55232 15.3485 5.46267 15.3117 5.41287 15.2382C5.3991 15.225 5.38815 15.2091 5.38067 15.1916C5.37318 15.1741 5.36932 15.1553 5.36932 15.1363C5.36932 15.1173 5.37318 15.0984 5.38067 15.0809C5.38815 15.0634 5.3991 15.0476 5.41287 15.0344C5.46552 14.999 5.55517 15.0344 5.60497 15.1066C5.65477 15.1787 5.65619 15.2749 5.60497 15.3117Z"
-        fill="white"
+        fill="black"
       />
       <path
         d="M6.06456 15.7871C6.01761 15.8395 5.92228 15.8253 5.84402 15.7546C5.76576 15.6838 5.74725 15.5876 5.79421 15.5367C5.84116 15.4857 5.9365 15.4999 6.01761 15.5692C6.09871 15.6385 6.11437 15.7362 6.06456 15.7871Z"
-        fill="white"
+        fill="black"
       />
       <path
         d="M6.70921 16.0644C6.68787 16.1309 6.59111 16.1606 6.49435 16.1323C6.39759 16.104 6.33356 16.0248 6.35206 15.9568C6.37056 15.8889 6.46874 15.8578 6.56692 15.8889C6.6651 15.9201 6.72771 15.995 6.70921 16.0644Z"
-        fill="white"
+        fill="black"
       />
       <path
         d="M7.41211 16.1126C7.41211 16.1819 7.33243 16.2413 7.22998 16.2427C7.12753 16.2441 7.04358 16.1876 7.04358 16.1182C7.04358 16.0489 7.12326 15.9895 7.22571 15.9881C7.32816 15.9866 7.41211 16.0418 7.41211 16.1126Z"
-        fill="white"
+        fill="black"
       />
       <path
         d="M8.06653 16.0036C8.07934 16.0729 8.00819 16.145 7.90574 16.162C7.80329 16.179 7.71365 16.138 7.70084 16.0701C7.68804 16.0021 7.76203 15.9286 7.86163 15.9102C7.96124 15.8918 8.05373 15.9342 8.06653 16.0036Z"
-        fill="white"
+        fill="black"
       />
     </svg>
   );

diff --git a/packages/common/src/icons/ManagerIcon.tsx b/packages/common/src/icons/ManagerIcon.tsx
@@ -9,7 +9,7 @@ function ManagerIcon() {
     >
       <path
         d="M10.5 20.5C4.98613 20.5 0.5 16.0139 0.5 10.5C0.5 4.98612 4.98613 0.5 10.5 0.5C16.0139 0.5 20.5 4.98612 20.5 10.5C20.5 16.0139 16.0139 20.5 10.5 20.5ZM9.83684 18.745C9.82578 18.7575 9.81817 18.7726 9.81478 18.789C9.81139 18.8053 9.81233 18.8223 9.8175 18.8381C9.82268 18.854 9.83191 18.8682 9.84428 18.8794C9.85665 18.8906 9.87174 18.8984 9.88804 18.9019C10.2929 18.9801 10.709 18.9801 11.1139 18.9019C11.1302 18.8984 11.1453 18.8906 11.1576 18.8794C11.17 18.8682 11.1792 18.854 11.1844 18.8381C11.1896 18.8223 11.1905 18.8053 11.1871 18.789C11.1837 18.7726 11.1761 18.7575 11.1651 18.745C11.0815 18.6515 10.9792 18.5766 10.8648 18.5254C10.7503 18.4742 10.6263 18.4477 10.501 18.4477C10.3756 18.4477 10.2516 18.4742 10.1371 18.5254C10.0227 18.5766 9.92036 18.6515 9.83684 18.745ZM10.5005 11.9115C8.64162 11.9115 7.12966 13.4904 7.12966 15.4359C7.12717 15.9396 7.23087 16.4382 7.434 16.8991C7.63714 17.36 7.93516 17.773 8.30861 18.111C8.32864 18.1292 8.35237 18.1429 8.37819 18.1511C8.404 18.1593 8.43128 18.1618 8.45815 18.1584C8.48502 18.155 8.51084 18.1459 8.53384 18.1316C8.55684 18.1173 8.57647 18.0982 8.59139 18.0756C8.80004 17.7601 9.08364 17.5011 9.41684 17.322C9.75003 17.1429 10.1224 17.0491 10.5007 17.0491C10.879 17.0491 11.2514 17.1429 11.5846 17.322C11.9178 17.5011 12.2014 17.7601 12.41 18.0756C12.4251 18.0981 12.4448 18.1172 12.4678 18.1314C12.4908 18.1457 12.5167 18.1548 12.5436 18.1582C12.5704 18.1615 12.5977 18.1591 12.6236 18.1509C12.6494 18.1428 12.6732 18.1292 12.6933 18.111C13.0663 17.7729 13.364 17.3601 13.5668 16.8993C13.7697 16.4386 13.8733 15.9403 13.8708 15.4369C13.8708 13.4924 12.3588 11.9115 10.5005 11.9115ZM10.4526 7.1866C7.1732 7.21148 4.51961 9.92872 4.56746 13.2077C4.58162 14.2598 4.877 15.289 5.42296 16.1885C5.44517 16.2255 5.47937 16.2537 5.51986 16.2685C5.56035 16.2833 5.60468 16.2837 5.64548 16.2698C5.68627 16.2559 5.72106 16.2284 5.74404 16.1919C5.76702 16.1554 5.7768 16.1122 5.77177 16.0694C5.74563 15.8592 5.73253 15.6477 5.73254 15.4359C5.73254 12.7211 7.87177 10.5125 10.5019 10.5125C13.1321 10.5125 15.2708 12.7211 15.2708 15.4359C15.271 15.6464 15.2581 15.8567 15.2321 16.0656C15.2272 16.1083 15.2371 16.1515 15.2601 16.1878C15.2831 16.2242 15.3179 16.2516 15.3586 16.2655C15.3994 16.2793 15.4437 16.2788 15.4841 16.264C15.5245 16.2493 15.5587 16.2211 15.5809 16.1842C16.1259 15.2807 16.4202 14.2482 16.4333 13.1931C16.4464 12.138 16.1779 11.0985 15.6554 10.1818C15.133 9.26502 14.3755 8.50419 13.461 7.97771C12.5466 7.45123 11.5083 7.17813 10.4531 7.1866H10.4526ZM10.5713 5.78804C14.5426 5.8268 17.7828 9.06029 17.8311 13.0297C17.8372 13.5161 17.795 14.0018 17.7053 14.4799C17.6967 14.5241 17.7043 14.5699 17.7265 14.609C17.7488 14.6481 17.7843 14.678 17.8267 14.6932C17.869 14.7084 17.9154 14.7079 17.9575 14.6919C17.9996 14.6758 18.0345 14.6453 18.056 14.6057C18.7369 13.358 19.096 11.9602 19.101 10.5388C19.1215 5.79809 15.2579 1.9091 10.5172 1.89905C5.76651 1.88948 1.89809 5.75169 1.89809 10.5005C1.89634 11.9343 2.25519 13.3455 2.94162 14.6043C2.96313 14.6438 2.99802 14.6742 3.03999 14.6902C3.08197 14.7062 3.12828 14.7067 3.17057 14.6916C3.21287 14.6764 3.24837 14.6467 3.2707 14.6077C3.29302 14.5688 3.3007 14.5231 3.29234 14.479C3.20837 14.0312 3.16625 13.5766 3.16651 13.1211C3.16699 9.05312 6.49617 5.74881 10.5718 5.78804H10.5713Z"
-        fill="white"
+        fill="black"
       />
     </svg>
   );

diff --git a/packages/round-manager/src/features/common/styles.ts b/packages/round-manager/src/features/common/styles.ts
@@ -3,7 +3,8 @@ import tw from "tailwind-styled-components";
 export const CardsContainer = tw.div`
   flex
   flex-row
-  flex-wrap
+  flex-grow
+  justify-between
   w-full
 `;
 
@@ -59,6 +60,5 @@ export const CardFooterContent = tw.div`
   flex
   flex-row
   items-center
-  h-full
   w-full
   `;