crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-03-14 22:42:33 +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 {
margin-top: -7px;
@apply pt-2;
font-size: 1rem;
& span {
line-height: 3;
@apply leading-extra-loose;
}
}
@ -101,7 +102,7 @@
}
.productTitle {
@apply pt-2 max-w-full w-full;
@apply pt-0 max-w-full w-full leading-extra-loose;
font-size: 2rem;
letter-spacing: 0.4px;

3
tailwind.config.js
View File

@ -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.2'
}
},
},
plugins: [require('@tailwindcss/ui')],