Fix some bugs

ref-finance · Feb 7, 2024 · 4e9894d · 4e9894d
1 parent 4eb1d70
commit 4e9894d
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 8 deletions.
diff --git a/.postcssrc.json b/.postcssrc.json
@@ -1,7 +1,6 @@
 {
   "plugins": {
     "tailwindcss": {},
-    "autoprefixer": {},
     "postcss-pxtorem": {
       "propList": ["*"]
     }

diff --git a/src/components/common/FooterLink.tsx b/src/components/common/FooterLink.tsx
@@ -19,7 +19,7 @@ export const FooterLink: React.FC<FooterLinkProps> = ({ children, href }) => {
     setClicked(false);
   };
 
-  const divClass = `opacity-50 mb-4 cursor-pointer ${
+  const divClass = `opacity-50 mb-4 cursor-pointer whitespace-nowrap ${
     clicked ? '' : 'hover:text-footerHoverColor hover:opacity-100'
   }`;
 

diff --git a/src/pages/home/v3/Footer/index.tsx b/src/pages/home/v3/Footer/index.tsx
@@ -38,19 +38,19 @@ const Footer = () => {
           <FooterLink href="https://coinmarketcap.com/currencies/ref-finance/">CoinMarketCap</FooterLink>
         </div>
         <div className="sm:w-1/2 sm:pl-12 md:w-1/3 md:pl-16">
-          <h1 className="gotham_font_bold  mb-4">Exchanges</h1>
+          <h1 className="gotham_font_bold  mb-4 ">Exchanges</h1>
           <FooterLink href="https://www.gate.io/trade/REF_USDT">Gate.io</FooterLink>
           <FooterLink href="https://www.mexc.com/exchange/REF_USDT?_from=search_spot_trade">MEXC</FooterLink>
         </div>
 
         <div className="sm:w-1/2 sm:mt-6 md:w-1/3 md:pl-10">
-          <h1 className="gotham_font_bold  mb-4">Analytics</h1>
+          <h1 className="gotham_font_bold  mb-4 whitespace-nowrap">Analytics</h1>
           <FooterLink href="https://stats.ref.finance/">Stats.ref.finance</FooterLink>
           <FooterLink href="https://defillama.com/protocol/ref-finance">Defi Llama</FooterLink>
           <FooterLink href="https://dexscreener.com/near/reffinance">DEX Screener</FooterLink>
         </div>
         <div className="sm:w-1/2 sm:mt-6 sm:pl-12 md:w-1/3 md:pl-20">
-          <h1 className="gotham_font_bold  mb-4">Learn More</h1>
+          <h1 className="gotham_font_bold  mb-4 whitespace-nowrap">Learn More</h1>
           <FooterLink href="https://guide.ref.finance/">Docs</FooterLink>
           <FooterLink href="https://github.com/ref-finance">Github</FooterLink>
           <FooterLink href="https://gov.ref.finance/">Forum</FooterLink>

diff --git a/src/pages/home/v3/Overview/index.tsx b/src/pages/home/v3/Overview/index.tsx
@@ -50,7 +50,7 @@ const Overview = () => {
           </div>
         </div>
         <div className="text-white ml-7 sm:ml-0 sm:text-center md:mr-7">
-          <h1 className="text-46 gotham_font_bold  whitespace-nowrap mb-2.5 sm:text-4xl sm:mb-3 md:text-4xl md:text-center">Portfolio-Overview</h1>
+          <h1 className="text-46 gotham_font_bold  whitespace-nowrap mb-2.5 sm:text-4xl sm:mb-3 md:text-4xl md:text-center xs:text-2xl">Portfolio-Overview</h1>
           <p className="text-26  mb-16 sm:text-2xl sm:mb-3 md:mb-0 md:text-2xl">Overview of your invests and assets</p>
           <p className="flex items-center text-lg sm:text-base md:hidden">
             Composed by

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -6,7 +6,7 @@ module.exports = {
       greenLight: '0px 0px 12px rgba(0, 255, 209, 0.6)'
     },
     screens: {
-      sm: { min: '300px', max: '600px' },
+      sm: { min: '278px', max: '600px' },
       md: { min: '600px', max: '1024px' },
       lg: { min: '1025px' },
       xl: { min: '1200px' },
@@ -19,7 +19,7 @@ module.exports = {
         lightWhite: '0px 0px 12px rgba(255, 255, 255, 0.6)'
       },
       screens: {
-        s: { min: '300px', max: '1024px' },
+        s: { min: '280px', max: '1024px' },
         l: { min: '1024px' }
       },
       colors: {