Update hyperdrive logo in header and footer (#1735)

delvtech · Jan 22, 2025 · bc71168 · bc71168
1 parent fe94fe1
commit bc71168
Show file tree

Hide file tree

Showing 2 changed files with 90 additions and 5 deletions.
diff --git a/apps/hyperdrive-trading/src/ui/app/Footer/Footer.tsx b/apps/hyperdrive-trading/src/ui/app/Footer/Footer.tsx
@@ -18,7 +18,7 @@ export default function Footer(): ReactElement {
           to="/"
           className="text-h6 inline-flex items-center gap-2 font-extrabold uppercase tracking-widest"
         >
-          <HyperdriveLogo />
+          <HyperdriveLogo width={160} />
         </Link>
         <span className="text-neutral-content">Yield, Your Way.</span>
         <div className="mt-2 flex flex-row gap-3">

diff --git a/apps/hyperdrive-trading/src/ui/app/Navbar/HyperdriveLogo.tsx b/apps/hyperdrive-trading/src/ui/app/Navbar/HyperdriveLogo.tsx
@@ -1,9 +1,94 @@
-export function HyperdriveLogo(): JSX.Element {
+export function HyperdriveLogo({
+  height = 40,
+  width = 200,
+}: {
+  height?: number;
+  width?: number;
+}): JSX.Element {
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" width={130} height={20} fill="none">
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 1212 270"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
       <path
-        fill="#fff"
-        d="M121.031 14.622V5.455h8.44v1.693h-6.747v2.037h5.423v1.707h-5.423v2.037h6.747v1.693h-8.44ZM112.642 14.622l-5.308-9.167h1.96l4.099 7.13 4.112-7.13h1.948l-5.308 9.167h-1.503ZM104.062 14.622V5.455h1.668v9.167h-1.668ZM100.409 14.623l-2.763-3.298h2.202l2.394 2.827v.47h-1.833Zm-7.307 0V5.468h7.383c.322 0 .619.08.891.242.272.161.488.377.649.65.162.262.242.555.242.878v2.47c0 .322-.08.62-.242.891a1.825 1.825 0 0 1-.649.65c-.272.152-.569.229-.891.229l-5.703.012v3.133h-1.68Zm1.833-4.839h5.474c.042 0 .08-.013.114-.038a.12.12 0 0 0 .051-.102V7.301a.12.12 0 0 0-.051-.102.158.158 0 0 0-.114-.05h-5.474a.158.158 0 0 0-.115.05.138.138 0 0 0-.038.102v2.343c0 .043.013.077.038.102a.186.186 0 0 0 .115.038ZM81.875 14.622V5.455h7.383c.323 0 .62.08.892.242.271.16.487.377.649.649.16.263.242.556.242.878v5.628c0 .323-.081.62-.242.892a1.866 1.866 0 0 1-.65.636 1.713 1.713 0 0 1-.89.242h-7.384Zm1.82-1.693h5.487c.042 0 .08-.013.115-.039a.158.158 0 0 0 .05-.114V7.301a.121.121 0 0 0-.05-.102.159.159 0 0 0-.115-.051h-5.487a.159.159 0 0 0-.114.051.138.138 0 0 0-.038.102v5.475c0 .042.012.08.038.114a.186.186 0 0 0 .114.039ZM78.016 14.623l-2.762-3.298h2.202l2.393 2.827v.47h-1.833Zm-7.307 0V5.468h7.383c.323 0 .62.08.892.242.271.161.487.377.649.65.16.262.242.555.242.878v2.47c0 .322-.081.62-.242.891a1.832 1.832 0 0 1-.65.65c-.271.152-.568.229-.89.229l-5.704.012v3.133h-1.68Zm1.833-4.839h5.474c.042 0 .08-.013.115-.038a.121.121 0 0 0 .05-.102V7.301a.121.121 0 0 0-.05-.102.158.158 0 0 0-.115-.05h-5.474a.158.158 0 0 0-.115.05.138.138 0 0 0-.038.102v2.343c0 .043.013.077.038.102a.186.186 0 0 0 .115.038ZM60.35 14.622V5.455h8.44v1.693h-6.747v2.037h5.423v1.707h-5.423v2.037h6.747v1.693h-8.44ZM49.617 14.623V5.468h7.384c.322 0 .62.08.89.242.272.161.489.377.65.65.161.262.242.555.242.878v2.47c0 .322-.08.62-.242.891a1.832 1.832 0 0 1-.65.65c-.27.152-.568.229-.89.229l-5.703.012v3.133h-1.68Zm1.833-4.839h5.474c.043 0 .08-.013.115-.038a.121.121 0 0 0 .05-.102V7.301a.121.121 0 0 0-.05-.102.158.158 0 0 0-.115-.05H51.45a.158.158 0 0 0-.114.05.138.138 0 0 0-.038.102v2.343c0 .043.012.077.038.102a.186.186 0 0 0 .114.038ZM42.29 14.622v-3.438l-4.225-5.73h1.985l3.094 3.884 3.055-3.883h2.024l-4.24 5.742v3.425h-1.692ZM27.273 14.622V5.455h1.68v3.73h6.01v-3.73h1.68v9.167h-1.68v-3.73h-6.01v3.73h-1.68ZM8.216 14.534l4.936-7.752a1.25 1.25 0 0 1 2.305.675V20l4.476-1.837A1.724 1.724 0 0 0 21 16.568V7.493c0-.951-.77-1.723-1.719-1.723h-5.075a1.69 1.69 0 0 0-1.422.78l-4.936 7.752a1.25 1.25 0 0 1-2.305-.675V0L1.067 1.837A1.724 1.724 0 0 0 0 3.432V13.59c0 .951.77 1.724 1.719 1.724h5.075a1.69 1.69 0 0 0 1.422-.78Z"
+        d="M1183.54 269.302H28.7879C13.3212 269.302 0.738281 256.719 0.738281 241.253V63.8543C0.738281 48.3876 13.3212 35.8047 28.7879 35.8047H443.696V40.7939H28.7879C16.0753 40.7939 5.72754 51.1417 5.72754 63.8543V241.253C5.72754 253.965 16.0753 264.313 28.7879 264.313H1183.54C1196.25 264.313 1206.6 253.965 1206.6 241.253V63.8543C1206.6 51.1417 1196.25 40.7939 1183.54 40.7939H770.991V35.8047H1183.54C1199 35.8047 1211.59 48.3876 1211.59 63.8543V241.253C1211.59 256.719 1199 269.302 1183.54 269.302Z"
+        fill="#4E6A77" // gray-500 outline
+      />
+      <path
+        d="M500.6 21.8262H513.389C524.326 21.8262 531.888 29.1151 531.888 38.9032C531.888 48.6914 524.318 56.0767 513.389 56.0767H500.6V21.8262ZM510.807 49.8164H513.397C520.526 49.8164 524.968 45.3161 524.968 38.9032C524.968 32.4983 520.526 28.0945 513.397 28.0945H507.431V55.7392L510.807 49.8164Z"
+        fill="white"
+      />
+      <path
+        d="M550.215 21.8262H572.571V28.0864H557.047V41.2016L560.366 35.3753H571.841V41.5391H557.047V49.8084H572.811V56.0687H550.215V21.8262Z"
+        fill="white"
+      />
+      <path
+        d="M592.098 21.8262H598.929V55.7311L602.297 49.8084H614.453V56.0687H592.098V21.8262Z"
+        fill="white"
+      />
+      <path
+        d="M624.121 21.8262H631.346L640.327 47.269L648.971 21.8262H656.195L647.359 47.8074H640.471L643.398 56.0767H636.173L624.121 21.8262Z"
+        fill="white"
+      />
+      <path
+        d="M675.494 0.265625V15.654C688.331 15.654 698.73 26.0764 698.73 38.9416C698.73 51.8068 688.331 62.2291 675.494 62.2291V77.6176C696.806 77.6176 714.085 60.3006 714.085 38.9416C714.085 17.5826 696.806 0.265625 675.494 0.265625Z"
+        fill="white"
+      />
+      <path
+        d="M122.681 174.081L148.253 132.217C149.437 130.362 151.507 129.238 153.713 129.238C157.294 129.238 160.194 132.122 160.194 135.684V206.345L183.382 196.907C186.732 195.539 188.91 192.303 188.91 188.715V135.873C188.91 130.985 184.921 127.017 180.006 127.017H153.713C150.731 127.017 147.953 128.534 146.346 131.026L120.775 172.89C119.591 174.745 117.521 175.869 115.315 175.869C111.734 175.869 108.834 172.984 108.834 169.423L108.834 98.7617L85.6454 108.2C82.2958 109.567 80.1172 112.804 80.1172 116.392L80.1172 169.234C80.1172 174.122 84.1067 178.089 89.0222 178.089H115.315C118.297 178.089 121.075 176.573 122.681 174.081Z"
+        fill="white"
+      />
+      <path
+        d="M1079.73 185.812V126.963H1133.92V137.834H1090.61V150.911H1125.42V161.863H1090.61V174.941H1133.92V185.812H1079.73Z"
+        fill="white"
+      />
+      <path
+        d="M1007.48 185.812V126.963H1019.33L1055.46 169.955V126.963H1066.33V185.812H1054.48L1018.27 142.738V185.812H1007.48Z"
+        fill="white"
+      />
+      <path
+        d="M946.908 185.812C944.837 185.812 942.93 185.294 941.187 184.259C939.497 183.223 938.135 181.861 937.1 180.172C936.064 178.428 935.547 176.521 935.547 174.45V138.324C935.547 136.253 936.064 134.373 937.1 132.684C938.135 130.941 939.497 129.551 941.187 128.516C942.93 127.481 944.837 126.963 946.908 126.963H983.034C985.105 126.963 986.985 127.481 988.674 128.516C990.418 129.551 991.807 130.941 992.843 132.684C993.878 134.373 994.396 136.253 994.396 138.324V174.45C994.396 176.521 993.878 178.428 992.843 180.172C991.807 181.861 990.418 183.223 988.674 184.259C986.985 185.294 985.105 185.812 983.034 185.812H946.908ZM947.317 174.941H982.462C982.735 174.941 982.98 174.859 983.198 174.696C983.416 174.478 983.525 174.233 983.525 173.96V138.814C983.525 138.542 983.416 138.324 983.198 138.16C982.98 137.943 982.735 137.834 982.462 137.834H947.317C947.044 137.834 946.799 137.943 946.581 138.16C946.417 138.324 946.336 138.542 946.336 138.814V173.96C946.336 174.233 946.417 174.478 946.581 174.696C946.799 174.859 947.044 174.941 947.317 174.941Z"
+        fill="white"
+      />
+      <path
+        d="M840.135 185.812V126.963H894.325V137.834H851.005V150.911H885.824V161.863H851.005V174.941H894.325V185.812H840.135Z"
+        fill="white"
+      />
+      <path
+        d="M786.278 185.812L752.195 126.963H764.782L791.101 172.734L817.501 126.963H830.006L795.923 185.812H786.278Z"
+        fill="white"
+      />
+      <path d="M731.203 185.812V126.963H741.91V185.812H731.203Z" fill="white" />
+      <path
+        d="M707.726 185.812L689.99 164.643H704.13L719.496 182.788V185.812H707.726ZM660.811 185.812V127.045H708.216C710.287 127.045 712.194 127.563 713.938 128.598C715.681 129.633 717.071 131.023 718.106 132.766C719.142 134.455 719.659 136.335 719.659 138.406V154.262C719.659 156.333 719.142 158.24 718.106 159.984C717.071 161.727 715.681 163.117 713.938 164.152C712.194 165.133 710.287 165.623 708.216 165.623L671.599 165.705V185.812H660.811ZM672.58 154.753H707.726C707.998 154.753 708.244 154.671 708.462 154.508C708.68 154.344 708.789 154.126 708.789 153.854V138.815C708.789 138.542 708.68 138.324 708.462 138.161C708.244 137.943 707.998 137.834 707.726 137.834H672.58C672.308 137.834 672.063 137.943 671.845 138.161C671.681 138.324 671.599 138.542 671.599 138.815V153.854C671.599 154.126 671.681 154.344 671.845 154.508C672.063 154.671 672.308 154.753 672.58 154.753Z"
+        fill="white"
+      />
+      <path
+        d="M588.725 185.812V126.963H636.13C638.201 126.963 640.108 127.481 641.852 128.516C643.595 129.551 644.985 130.941 646.02 132.684C647.056 134.373 647.573 136.253 647.573 138.324V174.45C647.573 176.521 647.056 178.428 646.02 180.172C644.985 181.861 643.595 183.223 641.852 184.259C640.108 185.294 638.201 185.812 636.13 185.812H588.725ZM600.413 174.941H635.64C635.912 174.941 636.158 174.859 636.376 174.696C636.594 174.478 636.703 174.233 636.703 173.96V138.814C636.703 138.542 636.594 138.324 636.376 138.16C636.158 137.943 635.912 137.834 635.64 137.834H600.413C600.14 137.834 599.895 137.943 599.677 138.16C599.514 138.324 599.432 138.542 599.432 138.814V173.96C599.432 174.233 599.514 174.478 599.677 174.696C599.895 174.859 600.14 174.941 600.413 174.941Z"
+        fill="white"
+      />
+      <path
+        d="M563.945 185.812L546.208 164.643H560.348L575.714 182.788V185.812H563.945ZM517.029 185.812V127.045H564.435C566.506 127.045 568.413 127.563 570.157 128.598C571.9 129.633 573.29 131.023 574.325 132.766C575.36 134.455 575.878 136.335 575.878 138.406V154.262C575.878 156.333 575.36 158.24 574.325 159.984C573.29 161.727 571.9 163.117 570.157 164.152C568.413 165.133 566.506 165.623 564.435 165.623L527.818 165.705V185.812H517.029ZM528.799 154.753H563.945C564.217 154.753 564.462 154.671 564.68 154.508C564.898 154.344 565.007 154.126 565.007 153.854V138.815C565.007 138.542 564.898 138.324 564.68 138.161C564.462 137.943 564.217 137.834 563.945 137.834H528.799C528.527 137.834 528.281 137.943 528.063 138.161C527.9 138.324 527.818 138.542 527.818 138.815V153.854C527.818 154.126 527.9 154.344 528.063 154.508C528.281 154.671 528.527 154.753 528.799 154.753Z"
+        fill="white"
+      />
+      <path
+        d="M450.527 185.812V126.963H504.717V137.834H461.398V150.911H496.217V161.863H461.398V174.941H504.717V185.812H450.527Z"
+        fill="white"
+      />
+      <path
+        d="M381.623 185.812V127.045H429.029C431.099 127.045 433.007 127.563 434.75 128.598C436.494 129.633 437.883 131.023 438.919 132.766C439.954 134.455 440.472 136.335 440.472 138.406V154.262C440.472 156.333 439.954 158.24 438.919 159.984C437.883 161.727 436.494 163.117 434.75 164.152C433.007 165.133 431.099 165.623 429.029 165.623L392.412 165.705V185.812H381.623ZM393.393 154.753H428.538C428.811 154.753 429.056 154.671 429.274 154.508C429.492 154.344 429.601 154.126 429.601 153.854V138.815C429.601 138.542 429.492 138.324 429.274 138.161C429.056 137.943 428.811 137.834 428.538 137.834H393.393C393.12 137.834 392.875 137.943 392.657 138.161C392.494 138.324 392.412 138.542 392.412 138.815V153.854C392.412 154.126 392.494 154.344 392.657 154.508C392.875 154.671 393.12 154.753 393.393 154.753Z"
+        fill="white"
+      />
+      <path
+        d="M334.573 185.812V163.743L307.438 126.963H320.188L340.049 151.892L359.666 126.963H372.661L345.444 163.825V185.812H334.573Z"
+        fill="white"
+      />
+      <path
+        d="M238.16 185.812V126.963H248.949V150.911H287.528V126.963H298.317V185.812H287.528V161.863H248.949V185.812H238.16Z"
+        fill="white"
       />
     </svg>
   );