fix(control center): articles image cropped (#18)

* fix(control center): articles image cropped * fix: urls of oraidex features
oraichain · Sep 30, 2024 · 3a62bad · 3a62bad
1 parent b77cc65
commit 3a62bad
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 16 deletions.
diff --git a/src/pages/ControlCenter/components/control-center-articles.tsx b/src/pages/ControlCenter/components/control-center-articles.tsx
@@ -10,8 +10,8 @@ const ControlCenterArticles = () => {
   return (
     <>
       <div className={cx('article-section')}>
-        <div className={cx('article-section-wrapper-1', 'grid')}>
-          <div className={cx('article-section-wrapper-2', 'grid')}>
+        <div className={cx('apps-list-wrapper', 'grid')}>
+          <div className={cx('apps-list', 'grid')}>
             <div>
               <span className={cx('sec-title')}>Oraichain Academy</span>
               <Link to="https://academy.orai.io/" target="blank">
@@ -57,13 +57,10 @@ const ControlCenterArticles = () => {
                     alt="cover"
                     style={{
                       width: '100%',
-                      height: 160,
                       objectFit: 'cover',
                       borderTopLeftRadius: 8,
                       borderTopRightRadius: 8
                     }}
-                    height={160}
-                    width={160}
                   />
                   <div className={cx('noti-content')}>
                     <div style={{ display: 'flex', flexDirection: 'column' }}>
@@ -87,13 +84,10 @@ const ControlCenterArticles = () => {
                     alt="cover"
                     style={{
                       width: '100%',
-                      height: 160,
                       objectFit: 'cover',
                       borderTopLeftRadius: 8,
                       borderTopRightRadius: 8
                     }}
-                    height={160}
-                    width={160}
                   />
                   <div className={cx('noti-content')}>
                     <div style={{ display: 'flex', flexDirection: 'column' }}>
@@ -117,13 +111,10 @@ const ControlCenterArticles = () => {
                     alt="cover"
                     style={{
                       width: '100%',
-                      height: 160,
                       objectFit: 'cover',
                       borderTopLeftRadius: 8,
                       borderTopRightRadius: 8
                     }}
-                    height={160}
-                    width={160}
                   />
                   <div className={cx('noti-content')}>
                     <div style={{ display: 'flex', flexDirection: 'column' }}>

diff --git a/src/pages/ControlCenter/constant.ts b/src/pages/ControlCenter/constant.ts
@@ -19,7 +19,7 @@ export const tokenAction = [
   },
   {
     title: 'Swap tokens with OraiDEX',
-    link: 'https://oraidex.io/bridge'
+    link: 'https://app.oraidex.io/bridge'
   }
 ];
 

diff --git a/src/pages/ControlCenter/index.module.scss b/src/pages/ControlCenter/index.module.scss
@@ -392,12 +392,12 @@
   .article-section {
     margin-top: 64px;
 
-    .article-section-wrapper-1 {
+    .apps-list-wrapper {
       display: grid;
       grid-template-columns: repeat(4, minmax(0, 1fr));
       gap: 1rem;
 
-      .article-section-wrapper-2 {
+      .apps-list {
         display: grid;
         grid-template-rows: repeat(2, minmax(0, 1fr));
       }
@@ -556,7 +556,7 @@
 
     .article-section {
       display: block;
-      .article-section-wrapper-1 {
+      .apps-list-wrapper {
         display: block;
       }
     }

diff --git a/src/pages/ControlCenter/index.tsx b/src/pages/ControlCenter/index.tsx
@@ -84,7 +84,7 @@ const ControlCenter = () => {
             ))}
             <div className={cx('tokens-wrapper')}>
               <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%' }}>
-                <a href="https://oraidex.io/universalswap" target="blank" style={{ color: '#B798EA' }}>
+                <a href="https://app.oraidex.io/universalswap" target="blank" style={{ color: '#B798EA' }}>
                   Swap
                 </a>
               </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -19,7 +19,7 @@ export const tokenAction = [ @@
       },
       {
         title: 'Swap tokens with OraiDEX',
-        link: 'https://oraidex.io/bridge'
+        link: 'https://app.oraidex.io/bridge'
       }
     ];
@@ Expand Down @@