noham/gitprofile
1
0
Fork 0
mirror of https://github.com/NohamR/gitprofile.git synced 2026-05-25 04:17:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix icon placement for large text

Browse Source
This commit is contained in:
MD. Ariful Alam
2021-09-19 17:47:21 +06:00
parent 8f167cc940
commit 6477cceb86
4 changed files with 161 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Blog.js
View File

@@ -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>
))

78
src/components/Details.js
View File

@@ -41,8 +41,12 @@ const Details = (props) => {
props.profile.location && (
<li>
<span>
<MdLocationOn className="mr-2" />
<div>
<MdLocationOn className="mr-2"/>
</div>
<div>
{props.profile.location}
</div>
</span>
</li>
)
@@ -51,15 +55,22 @@ const Details = (props) => {
props.profile.company && (
<li>
<span>
<FaBuilding className="mr-2" />
<div>
<FaBuilding className="mr-2"/>
</div>
<div>
{props.profile.company}
</div>
</span>
</li>
)
}
<li>
<span>
<AiFillGithub className="mr-2" />
<div>
<AiFillGithub className="mr-2"/>
</div>
<div>
<a
href={`https://github.com/${config.github.username}`}
target="_blank"
@@ -68,13 +79,17 @@ const Details = (props) => {
>
{config.github.username}
</a>
</div>
</span>
</li>
{
typeof config.social.linkedin !== 'undefined' && config.social.linkedin && (
<li>
<span>
<GrLinkedinOption className="mr-2" />
<div>
<GrLinkedinOption className="mr-2"/>
</div>
<div>
<a
href={`https://www.linkedin.com/in/${config.social.linkedin}`}
target="_blank"
@@ -83,6 +98,7 @@ const Details = (props) => {
>
{config.social.linkedin}
</a>
</div>
</span>
</li>
)
@@ -91,7 +107,10 @@ const Details = (props) => {
typeof config.social.twitter !== 'undefined' && config.social.twitter && (
<li>
<span>
<SiTwitter className="mr-2" />
<div>
<SiTwitter className="mr-2"/>
</div>
<div>
<a
href={`https://twitter.com/${config.social.twitter}`}
target="_blank"
@@ -100,6 +119,7 @@ const Details = (props) => {
>
{config.social.twitter}
</a>
</div>
</span>
</li>
)
@@ -108,7 +128,10 @@ const Details = (props) => {
typeof config.social.dribbble !== 'undefined' && config.social.dribbble && (
<li>
<span>
<CgDribbble className="mr-2" />
<div>
<CgDribbble className="mr-2"/>
</div>
<div>
<a
href={`https://dribbble.com/${config.social.dribbble}`}
target="_blank"
@@ -117,6 +140,7 @@ const Details = (props) => {
>
{config.social.dribbble}
</a>
</div>
</span>
</li>
)
@@ -125,7 +149,10 @@ const Details = (props) => {
typeof config.social.behance !== 'undefined' && config.social.behance && (
<li>
<span>
<FaBehanceSquare className="mr-2" />
<div>
<FaBehanceSquare className="mr-2"/>
</div>
<div>
<a
href={`https://www.behance.net/${config.social.behance}`}
target="_blank"
@@ -134,6 +161,7 @@ const Details = (props) => {
>
{config.social.behance}
</a>
</div>
</span>
</li>
)
@@ -142,7 +170,10 @@ const Details = (props) => {
typeof config.social.facebook !== 'undefined' && config.social.facebook && (
<li>
<span>
<FaFacebook className="mr-2" />
<div>
<FaFacebook className="mr-2"/>
</div>
<div>
<a
href={`https://www.facebook.com/${config.social.facebook}`}
target="_blank"
@@ -151,6 +182,7 @@ const Details = (props) => {
>
{config.social.facebook}
</a>
</div>
</span>
</li>
)
@@ -159,7 +191,10 @@ const Details = (props) => {
typeof config.social.medium !== 'undefined' && config.social.medium && (
<li>
<span>
<AiFillMediumSquare className="mr-2" />
<div>
<AiFillMediumSquare className="mr-2"/>
</div>
<div>
<a
href={`https://medium.com/@${config.social.medium}`}
target="_blank"
@@ -168,6 +203,7 @@ const Details = (props) => {
>
{config.social.medium}
</a>
</div>
</span>
</li>
)
@@ -176,7 +212,10 @@ const Details = (props) => {
typeof config.social.devto !== 'undefined' && config.social.devto && (
<li>
<span>
<FaDev className="mr-2" />
<div>
<FaDev className="mr-2"/>
</div>
<div>
<a
href={`https://dev.to/${config.social.devto}`}
target="_blank"
@@ -185,6 +224,7 @@ const Details = (props) => {
>
{config.social.devto}
</a>
</div>
</span>
</li>
)
@@ -193,7 +233,10 @@ const Details = (props) => {
typeof config.social.website !== 'undefined' && config.social.website && (
<li>
<span>
<FaGlobe className="mr-2" />
<div>
<FaGlobe className="mr-2"/>
</div>
<div>
<a
href={`${config.social.website}`}
target="_blank"
@@ -202,6 +245,7 @@ const Details = (props) => {
>
{config.social.website}
</a>
</div>
</span>
</li>
)
@@ -210,7 +254,10 @@ const Details = (props) => {
typeof config.social.phone !== 'undefined' && config.social.phone && (
<li>
<span>
<RiPhoneFill className="mr-2" />
<div>
<RiPhoneFill className="mr-2"/>
</div>
<div>
<a
href={`tel:${config.social.phone}`}
rel="noreferrer"
@@ -218,6 +265,7 @@ const Details = (props) => {
>
{config.social.phone}
</a>
</div>
</span>
</li>
)
@@ -226,7 +274,10 @@ const Details = (props) => {
typeof config.social.email !== 'undefined' && config.social.email && (
<li>
<span>
<MdMail className="mr-2" />
<div>
<MdMail className="mr-2"/>
</div>
<div>
<a
href={`mailto:${config.social.email}`}
target="_blank"
@@ -235,6 +286,7 @@ const Details = (props) => {
>
{config.social.email}
</a>
</div>
</span>
</li>
)

2
src/components/Education.js
View File

@@ -58,7 +58,9 @@ const Education = () => {
config.education.map((item, index) => (
<li key={index}>
<span>
<div>
<GoPrimitiveDot className="mr-2 opacity-40"/>
</div>
<div>
<div className="block justify-between">
<div className="font-medium opacity-70">

2
src/components/Experience.js
View File

@@ -58,7 +58,9 @@ const Experience = () => {
config.experiences.map((experience, index) => (
<li key={index}>
<span>
<div>
<GoPrimitiveDot className="mr-2 opacity-40"/>
</div>
<div>
<div className="block justify-between">
<div className="font-medium opacity-70">