fix: title font size on mobile

Folks-Finance · Oct 13, 2023 · d932a09 · d932a09
1 parent fab9570
commit d932a09
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/...site/src/components/metrics-dashboard/token-fees-volume-chart/token-fees-volume-chart.tsx b/...site/src/components/metrics-dashboard/token-fees-volume-chart/token-fees-volume-chart.tsx
@@ -51,7 +51,7 @@ export const TokenFeesVolumeChart = () => {
   return (
     <Card className="flex flex-col gap-y-4">
       <div className="flex flex-col items-center gap-y-4 tablet:flex-row tablet:justify-between tablet:gap-x-4">
-        <h2 className="whitespace-nowrap text-center text-2xl text-base-content tablet:text-left lg:w-1/4">
+        <h2 className="whitespace-nowrap text-center text-lg text-base-content tablet:text-left tablet:text-2xl lg:w-1/4">
           Token Fees Volume
         </h2>
         <div className="flex w-full flex-col gap-4 sm:flex-row tablet:items-center tablet:justify-end lg:w-3/4">

diff --git a/apps/website/src/components/metrics-dashboard/token-volume-chart/token-volume-chart.tsx b/apps/website/src/components/metrics-dashboard/token-volume-chart/token-volume-chart.tsx
@@ -51,7 +51,7 @@ export const TokenVolumeChart = () => {
   return (
     <Card className="flex flex-col gap-y-4">
       <div className="flex flex-col items-center gap-y-4 tablet:flex-row tablet:justify-between tablet:gap-x-4">
-        <h2 className="whitespace-nowrap text-center text-2xl text-base-content tablet:text-left lg:w-1/4">
+        <h2 className="whitespace-nowrap text-center text-lg text-base-content tablet:text-left tablet:text-2xl lg:w-1/4">
           Token Volume
         </h2>
         <div className="flex w-full flex-col gap-4 sm:flex-row tablet:items-center tablet:justify-end lg:w-3/4">

diff --git a/...ponents/metrics-dashboard/transaction-fees-volume-chart/transaction-fees-volume-chart.tsx b/...ponents/metrics-dashboard/transaction-fees-volume-chart/transaction-fees-volume-chart.tsx
@@ -46,7 +46,7 @@ export const TransactionFeesVolumeChart = () => {
   return (
     <Card className="flex flex-col gap-y-4">
       <div className="flex flex-col items-center gap-y-4 tablet:flex-row tablet:justify-between tablet:gap-x-4">
-        <h2 className="whitespace-nowrap text-center text-2xl text-base-content tablet:text-left lg:w-1/4">
+        <h2 className="whitespace-nowrap text-center text-lg text-base-content tablet:text-left tablet:text-2xl lg:w-1/4">
           Transaction Fees Volume
         </h2>
         <div className="flex w-full flex-col gap-4 sm:flex-row tablet:items-center tablet:justify-end lg:w-3/4">

diff --git a/...te/src/components/metrics-dashboard/transaction-volume-chart/transaction-volume-chart.tsx b/...te/src/components/metrics-dashboard/transaction-volume-chart/transaction-volume-chart.tsx
@@ -46,7 +46,7 @@ export const TransactionVolumeChart = () => {
   return (
     <Card className="flex flex-col gap-y-4">
       <div className="flex flex-col items-center gap-y-4 tablet:flex-row tablet:justify-between tablet:gap-x-4">
-        <h2 className="whitespace-nowrap text-center text-2xl text-base-content tablet:text-left lg:w-1/4">
+        <h2 className="whitespace-nowrap text-center text-lg text-base-content tablet:text-left tablet:text-2xl lg:w-1/4">
           Transaction Volume
         </h2>
         <div className="flex w-full flex-col gap-4 sm:flex-row tablet:items-center tablet:justify-end lg:w-3/4">

diff --git a/...te/src/components/metrics-dashboard/transaction-wallet-chart/transaction-wallet-chart.tsx b/...te/src/components/metrics-dashboard/transaction-wallet-chart/transaction-wallet-chart.tsx
@@ -55,7 +55,7 @@ export const TransactionWalletNumberChart = () => {
   return (
     <Card className="flex flex-col gap-y-4">
       <div className="flex flex-col items-center gap-y-4 tablet:flex-row tablet:justify-between tablet:gap-x-4">
-        <h2 className="whitespace-nowrap text-center text-2xl text-base-content tablet:text-left lg:w-1/4">
+        <h2 className="whitespace-nowrap text-center text-lg text-base-content tablet:text-left tablet:text-2xl lg:w-1/4">
           Transaction & Wallet Number
         </h2>
         <div className="flex w-full flex-col gap-4 sm:flex-row tablet:items-center tablet:justify-end lg:w-3/4">