Fix word break for contact information in each template

This commit is contained in:
Viktor Rudi
2020-03-26 18:44:13 +01:00
parent 178d12fae9
commit f3911e14ee
3 changed files with 3 additions and 3 deletions

View File

@ -95,7 +95,7 @@ const Gengar = () => {
>
<div className="grid grid-cols-5">
<div
className="col-span-2 px-6 py-8"
className="col-span-2 px-6 py-8 break-all"
style={{ backgroundColor: theme.colors.accent, color: theme.colors.background }}
>
<div className="flex items-center">

View File

@ -37,7 +37,7 @@ const Onyx = () => {
</div>
</div>
</div>
<div className="col-span-1 text-xs">
<div className="col-span-1 text-xs break-all">
{data.profile.phone && (
<div className="flex items-center my-3">
<span className="material-icons text-lg mr-2" style={{ color: theme.colors.accent }}>

View File

@ -28,7 +28,7 @@ const Pikachu = () => {
const ContactItem = ({ icon, value }) =>
value && (
<div className="flex items-center my-3">
<div className="flex items-center my-3 break-all">
<span className="material-icons text-lg mr-2" style={{ color: theme.colors.accent }}>
{icon}
</span>