crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-05 17:27:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #20 from willianjusten/master

Browse Source 
Fix overlaping product titles on mobile
This commit is contained in:
B 2020-10-28 20:16:26 -03:00 committed by GitHub
commit 629df7a9ab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/product/ProductCard/ProductCard.module.css
View File

@ -88,10 +88,11 @@
} }
& .productTitle { & .productTitle {
margin-top: -7px; @apply pt-2;
font-size: 1rem; font-size: 1rem;
& span { & span {
line-height: 3; @apply leading-extra-loose;
} }
} }
@ -101,7 +102,7 @@
} }
.productTitle { .productTitle {
@apply pt-2 max-w-full w-full; @apply pt-0 max-w-full w-full leading-extra-loose;
font-size: 2rem; font-size: 2rem;
letter-spacing: 0.4px; letter-spacing: 0.4px;

3
tailwind.config.js
View File

@ -46,6 +46,9 @@ module.exports = {
magical: 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', '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.2'
}
}, },
}, },
plugins: [require('@tailwindcss/ui')], plugins: [require('@tailwindcss/ui')],