mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-14 08:42:08 +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="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">
|
||||
|
||||
@ -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 }}>
|
||||
|
||||
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user