Merge branch 'feat/scan_v2' of https://github.com/oraichain/oraiscan into feat/scan_v2

src/modules/[chain]/index.vue

@@ -552,7 +552,7 @@ const amount = computed({
                 <div class="flex">
                   <label
                     for="delegate"
-                    class="btn !btn-xs !btn-primary btn-ghost rounded mr-2 filter hover:brightness-150 capitalize"
+                    class="text-link rounded mr-3 font-semibold filter hover:brightness-150 capitalize cursor-pointer"
                     @click="
                       dialog.open(
                         'delegate',
@@ -565,7 +565,7 @@ const amount = computed({
                   </label>
                   <label
                     for="withdraw"
-                    class="btn whitespace-nowrap !btn-xs !btn-primary btn-ghost mr-2 rounded filter hover:brightness-150 capitalize"
+                    class="text-link rounded mr-2 font-semibold filter hover:brightness-150 capitalize cursor-pointer"
                     @click="
                       dialog.open(
                         'withdraw',

src/plugins/i18n/locales/en.json

@@ -289,7 +289,7 @@
     "more": "More details",
     "reward": "Reward",
     "unbonding": "Unbonding",
-    "btn_withdraw_reward": "Withdraw Rewards",
+    "btn_withdraw_reward": "Withdraw",
     "btn_swap": "Swap",
     "receive": "Receive",
     "app_versions": "Application Versions",

src/style.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
+/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap'); */
 
 @tailwind base;
 @tailwind components;
@@ -13,8 +13,8 @@ body {
 body {
   transition: color 0.5s, background-color 0.5s;
   line-height: 1.6;
-  font-family: Sora, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
-    Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans',
+  font-family: var(--font-family), Inter, -apple-system, BlinkMacSystemFont,
+    'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans',
     'Helvetica Neue', sans-serif;
   font-size: 15px;
   text-rendering: optimizeLegibility;
@@ -27,6 +27,7 @@ body {
   --text-main: #333;
   --text-secondary: #4b525d;
   --bg-active: #fbfbfc;
+  --font-family: 'IBM Plex Sans';
 }
 
 html.dark,
@@ -36,6 +37,54 @@ html[data-theme='dark'] {
   --bg-active: #242b40;
 }
 
+@font-face {
+  font-family: var(--font-family);
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Thin.ttf');
+  font-weight: 100;
+  font-display: swap;
+}
+@font-face {
+  font-family: var(--font-family);
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLight.ttf');
+  font-weight: 200;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: var(--font-family);
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Light.ttf');
+  font-weight: 300;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: var(--font-family);
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Regular.ttf');
+  font-weight: 400;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: var(--font-family);
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Medium.ttf');
+  font-weight: 500;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: var(--font-family);
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf');
+  font-weight: 600;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: var(--font-family);
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Bold.ttf');
+  font-weight: 700;
+  font-display: swap;
+}
+
 table td {
   min-width: 100px !important;
 }

tailwind.config.js

@@ -19,6 +19,9 @@ module.exports = {
           400: '#242627',
         },
       },
+      fontFamily: {
+        ibm: ['var(--font-family)', 'Inter', 'sans-serif'],
+      },
     },
   },
   plugins: [require('daisyui')],