Fix icon placement for large text
This commit is contained in:
MD. Ariful Alam
parent
8f167cc940
commit
6477cceb86
@ -141,7 +141,7 @@ const Blog = () => {
|
||||
{
|
||||
article.categories.map((category, index2) => (
|
||||
<div key={index2} className="flex text-sm mr-3 items-center opacity-50 font-bold font-mono">
|
||||
<CgHashtag />
|
||||
<span><CgHashtag /></span>
|
||||
<span>{category}</span>
|
||||
</div>
|
||||
))
|
||||
|
||||
@ -41,8 +41,12 @@ const Details = (props) => {
|
||||
props.profile.location && (
|
||||
<li>
|
||||
<span>
|
||||
<MdLocationOn className="mr-2" />
|
||||
{props.profile.location}
|
||||
<div>
|
||||
<MdLocationOn className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
{props.profile.location}
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
)
|
||||
@ -51,38 +55,50 @@ const Details = (props) => {
|
||||
props.profile.company && (
|
||||
<li>
|
||||
<span>
|
||||
<FaBuilding className="mr-2" />
|
||||
{props.profile.company}
|
||||
<div>
|
||||
<FaBuilding className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
{props.profile.company}
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
)
|
||||
}
|
||||
<li>
|
||||
<span>
|
||||
<AiFillGithub className="mr-2" />
|
||||
<a
|
||||
href={`https://github.com/${config.github.username}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.github.username}
|
||||
</a>
|
||||
<div>
|
||||
<AiFillGithub className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href={`https://github.com/${config.github.username}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.github.username}
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
{
|
||||
typeof config.social.linkedin !== 'undefined' && config.social.linkedin && (
|
||||
<li>
|
||||
<span>
|
||||
<GrLinkedinOption className="mr-2" />
|
||||
<a
|
||||
href={`https://www.linkedin.com/in/${config.social.linkedin}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.linkedin}
|
||||
</a>
|
||||
<div>
|
||||
<GrLinkedinOption className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href={`https://www.linkedin.com/in/${config.social.linkedin}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.linkedin}
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
)
|
||||
@ -91,15 +107,19 @@ const Details = (props) => {
|
||||
typeof config.social.twitter !== 'undefined' && config.social.twitter && (
|
||||
<li>
|
||||
<span>
|
||||
<SiTwitter className="mr-2" />
|
||||
<a
|
||||
href={`https://twitter.com/${config.social.twitter}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.twitter}
|
||||
</a>
|
||||
<div>
|
||||
<SiTwitter className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href={`https://twitter.com/${config.social.twitter}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.twitter}
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
)
|
||||
@ -108,15 +128,19 @@ const Details = (props) => {
|
||||
typeof config.social.dribbble !== 'undefined' && config.social.dribbble && (
|
||||
<li>
|
||||
<span>
|
||||
<CgDribbble className="mr-2" />
|
||||
<a
|
||||
href={`https://dribbble.com/${config.social.dribbble}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.dribbble}
|
||||
</a>
|
||||
<div>
|
||||
<CgDribbble className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href={`https://dribbble.com/${config.social.dribbble}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.dribbble}
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
)
|
||||
@ -125,15 +149,19 @@ const Details = (props) => {
|
||||
typeof config.social.behance !== 'undefined' && config.social.behance && (
|
||||
<li>
|
||||
<span>
|
||||
<FaBehanceSquare className="mr-2" />
|
||||
<a
|
||||
href={`https://www.behance.net/${config.social.behance}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.behance}
|
||||
</a>
|
||||
<div>
|
||||
<FaBehanceSquare className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href={`https://www.behance.net/${config.social.behance}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.behance}
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
)
|
||||
@ -142,15 +170,19 @@ const Details = (props) => {
|
||||
typeof config.social.facebook !== 'undefined' && config.social.facebook && (
|
||||
<li>
|
||||
<span>
|
||||
<FaFacebook className="mr-2" />
|
||||
<a
|
||||
href={`https://www.facebook.com/${config.social.facebook}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.facebook}
|
||||
</a>
|
||||
<div>
|
||||
<FaFacebook className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href={`https://www.facebook.com/${config.social.facebook}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.facebook}
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
)
|
||||
@ -159,15 +191,19 @@ const Details = (props) => {
|
||||
typeof config.social.medium !== 'undefined' && config.social.medium && (
|
||||
<li>
|
||||
<span>
|
||||
<AiFillMediumSquare className="mr-2" />
|
||||
<a
|
||||
href={`https://medium.com/@${config.social.medium}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.medium}
|
||||
</a>
|
||||
<div>
|
||||
<AiFillMediumSquare className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href={`https://medium.com/@${config.social.medium}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.medium}
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
)
|
||||
@ -176,15 +212,19 @@ const Details = (props) => {
|
||||
typeof config.social.devto !== 'undefined' && config.social.devto && (
|
||||
<li>
|
||||
<span>
|
||||
<FaDev className="mr-2" />
|
||||
<a
|
||||
href={`https://dev.to/${config.social.devto}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.devto}
|
||||
</a>
|
||||
<div>
|
||||
<FaDev className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href={`https://dev.to/${config.social.devto}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.devto}
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
)
|
||||
@ -193,15 +233,19 @@ const Details = (props) => {
|
||||
typeof config.social.website !== 'undefined' && config.social.website && (
|
||||
<li>
|
||||
<span>
|
||||
<FaGlobe className="mr-2" />
|
||||
<a
|
||||
href={`${config.social.website}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.website}
|
||||
</a>
|
||||
<div>
|
||||
<FaGlobe className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href={`${config.social.website}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.website}
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
)
|
||||
@ -210,14 +254,18 @@ const Details = (props) => {
|
||||
typeof config.social.phone !== 'undefined' && config.social.phone && (
|
||||
<li>
|
||||
<span>
|
||||
<RiPhoneFill className="mr-2" />
|
||||
<a
|
||||
href={`tel:${config.social.phone}`}
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.phone}
|
||||
</a>
|
||||
<div>
|
||||
<RiPhoneFill className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href={`tel:${config.social.phone}`}
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.phone}
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
)
|
||||
@ -226,15 +274,19 @@ const Details = (props) => {
|
||||
typeof config.social.email !== 'undefined' && config.social.email && (
|
||||
<li>
|
||||
<span>
|
||||
<MdMail className="mr-2" />
|
||||
<a
|
||||
href={`mailto:${config.social.email}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.email}
|
||||
</a>
|
||||
<div>
|
||||
<MdMail className="mr-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href={`mailto:${config.social.email}`}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-base-content-important"
|
||||
>
|
||||
{config.social.email}
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
)
|
||||
|
||||
@ -58,7 +58,9 @@ const Education = () => {
|
||||
config.education.map((item, index) => (
|
||||
<li key={index}>
|
||||
<span>
|
||||
<GoPrimitiveDot className="mr-2 opacity-40"/>
|
||||
<div>
|
||||
<GoPrimitiveDot className="mr-2 opacity-40"/>
|
||||
</div>
|
||||
<div>
|
||||
<div className="block justify-between">
|
||||
<div className="font-medium opacity-70">
|
||||
|
||||
@ -58,7 +58,9 @@ const Experience = () => {
|
||||
config.experiences.map((experience, index) => (
|
||||
<li key={index}>
|
||||
<span>
|
||||
<GoPrimitiveDot className="mr-2 opacity-40"/>
|
||||
<div>
|
||||
<GoPrimitiveDot className="mr-2 opacity-40"/>
|
||||
</div>
|
||||
<div>
|
||||
<div className="block justify-between">
|
||||
<div className="font-medium opacity-70">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user