responsiveness

fakepixels · Oct 6, 2024 · 970331c · 970331c
1 parent 7359952
commit 970331c
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 1 deletion.
diff --git a/src/components/IdentityWrapper.tsx b/src/components/IdentityWrapper.tsx
@@ -153,7 +153,7 @@ export default function IdentityWrapper() {
           )}
         </motion.div>
       ) : (
-        <div className="text-white">
+        <div className='text-center text-white'>
           Connect your wallet to view your profile card.
         </div>
       )}

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -7,6 +7,33 @@ const config: Config = {
       fontFamily: {
         sans: ['DM Sans', 'sans-serif'],
       },
+      fontSize: {
+        'xs': ['0.75rem', { lineHeight: '1rem' }],
+        'sm': ['0.875rem', { lineHeight: '1.25rem' }],
+        'base': ['1rem', { lineHeight: '1.5rem' }],
+        'lg': ['1.125rem', { lineHeight: '1.75rem' }],
+        'xl': ['1.25rem', { lineHeight: '1.75rem' }],
+        '2xl': ['1.5rem', { lineHeight: '2rem' }],
+        '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
+        '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
+        '5xl': ['3rem', { lineHeight: '1' }],
+        '6xl': ['3.75rem', { lineHeight: '1' }],
+        '7xl': ['4.5rem', { lineHeight: '1' }],
+        '8xl': ['6rem', { lineHeight: '1' }],
+        '9xl': ['8rem', { lineHeight: '1' }],
+      },
+      spacing: {
+        '1': '0.25rem',
+        '2': '0.5rem',
+        '3': '0.75rem',
+        '4': '1rem',
+        '5': '1.25rem',
+        '6': '1.5rem',
+        '7': '1.75rem',
+        '8': '2rem',
+        '9': '2.25rem',
+        '10': '2.5rem',
+      },
     },
     container: {
       center: true,