mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-14 16:51:33 +10:00
Fix word break for contact information in each template
This commit is contained in:
@ -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">
|
||||||
|
|||||||
@ -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 }}>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user