Fix orderbook UI (#413)

* fix userboard foot style

* add userboard foot height

* fix Allbridge icon

---------

Co-authored-by: Max <[email protected]>

Author: aidai524

src/components/icon/Menu.tsx

@@ -91,12 +91,12 @@ const Allbridge = (props?: any) => (
     width="22"
     height="21"
     viewBox="0 0 22 21"
-    fill="currentColor"
+    fill="none"
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <path
-      d="M4.92944 11.3713C5.34635 14.6622 8.3662 16.9901 11.6744 16.5711C12.7918 16.4295 13.7991 15.9928 14.6272 15.3495M4.92944 11.3713C4.51254 8.08054 6.85646 5.07299 10.1648 4.65388C11.1765 4.52572 12.1611 4.65445 13.0527 4.98905M4.92944 11.3713L4.28711 6.30102M14.6272 15.3495C16.2511 14.0882 17.1859 12.033 16.9098 9.8536C16.6203 7.56914 15.0766 5.74862 13.0527 4.98905M14.6272 15.3495L10.7427 18.3002M13.0527 4.98905L17.5503 6.87781"
+      d="M4.92944 11.3715C5.34635 14.6623 8.3662 16.9903 11.6744 16.5712C12.7918 16.4296 13.7991 15.9929 14.6272 15.3496M4.92944 11.3715C4.51254 8.08066 6.85646 5.07311 10.1648 4.654C11.1765 4.52584 12.1611 4.65457 13.0527 4.98917M4.92944 11.3715L4.28711 6.30114M14.6272 15.3496C16.2511 14.0883 17.1859 12.0332 16.9098 9.85372C16.6203 7.56926 15.0766 5.74875 13.0527 4.98917M14.6272 15.3496L10.7427 18.3003M13.0527 4.98917L17.5503 6.87793"
       stroke="currentColor"
       stroke-width="2"
       stroke-linecap="round"
@@ -108,13 +108,13 @@ const Allbridge = (props?: any) => (
       stroke-linecap="round"
     />
     <path
-      d="M20.9878 9.23126C21.0363 10.3125 21.0051 12.7115 19.6393 15.2349C18.2736 17.7582 16.057 19.5122 15.2261 19.8766"
+      d="M20.9878 9.2312C21.0363 10.3124 21.0051 12.7114 19.6393 15.2348C18.2736 17.7581 16.057 19.5121 15.2261 19.8766"
       stroke="currentColor"
       stroke-width="2"
       stroke-linecap="round"
     />
     <path
-      d="M1.01222 9.23126C0.963796 10.3125 0.994984 12.7115 2.36074 15.2349C3.72649 17.7582 5.9431 19.5122 6.77399 19.8766"
+      d="M1.01222 9.2312C0.963796 10.3124 0.994984 12.7114 2.36074 15.2348C3.72649 17.7581 5.9431 19.5121 6.77399 19.8766"
       stroke="currentColor"
       stroke-width="2"
       stroke-linecap="round"

src/pages/Orderly/components/UserBoard/index.tsx

@@ -323,9 +323,10 @@ function UserBoardFoot() {
 
   return (
     <div
-      className="flex flex-col text-primaryText pr-6    absolute  bottom-6 text-13px"
+      className="flex flex-col text-primaryText left-1/2 transform -translate-x-1/2   absolute  bottom-0 text-13px"
       style={{
         zIndex: 91,
+        width: '291px',
       }}
     >
       {!accountId && (
@@ -358,16 +359,29 @@ function UserBoardFoot() {
         </>
       )}
 
-      <div
-        className={`flex items-center justify-center ${
-          accountId ? 'left-12' : ''
-        } relative `}
-      >
-        <span className="text-primaryText  ">Powered by</span>
+      <div className={`flex items-center justify-center h-12 relative `}>
+        <span className="text-primaryText  ">
+          <FormattedMessage
+            id="powered_by"
+            defaultMessage={'Powered by'}
+          ></FormattedMessage>
+        </span>
 
         <div className="mx-2">
           <OrderlyNetworkIcon></OrderlyNetworkIcon>
         </div>
+
+        <a
+          href="https://docs.orderly.network/welcome-to-orderly/what-is-orderly-network"
+          className="underline hover:text-white whitespace-nowrap"
+          target="_blank"
+          rel="noopener noreferrer nofollow"
+        >
+          <FormattedMessage
+            id="risk"
+            defaultMessage={'Risk'}
+          ></FormattedMessage>
+        </a>
       </div>
 
       {/* <span className="text-white ">Risk</span> */}