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="grid grid-cols-5">
<div <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 }} style={{ backgroundColor: theme.colors.accent, color: theme.colors.background }}
> >
<div className="flex items-center"> <div className="flex items-center">

View File

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