Fix overlaping product titles on mobile

Add an `extra-loose` line-height so it prevents produt title to overlap on mobile screens.
2025-07-22 20:26:49 +00:00 · 2020-10-27 17:56:59 -03:00
parent a590093f09
commit 48e35c9163
3 changed files with 5 additions and 2 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -46,6 +46,9 @@ module.exports = {
        magical:
          'rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px',
      },
+      lineHeight: {
+        'extra-loose': '2.3'
+      }
    },
  },
  plugins: [require('@tailwindcss/ui')],