Update project icons

This commit is contained in:
Ariful Alam
2023-01-03 18:04:44 +06:00
parent 4eeb320f92
commit 45fd66e595
2 changed files with 12 additions and 21 deletions

View File

@@ -98,7 +98,7 @@ const ExternalProject = ({ externalProjects, loading, googleAnalytics }) => {
<div className="w-full"> <div className="w-full">
<div className="px-4"> <div className="px-4">
<div className="text-center w-full"> <div className="text-center w-full">
<h2 className="font-semibold text-base-content opacity-60 mb-2"> <h2 className="font-semibold text-lg tracking-wide text-center opacity-60 mb-2">
{item.title} {item.title}
</h2> </h2>
{item.imageUrl && ( {item.imageUrl && (

View File

@@ -2,6 +2,7 @@ import { Fragment } from 'react';
import { AiOutlineStar, AiOutlineFork } from 'react-icons/ai'; import { AiOutlineStar, AiOutlineFork } from 'react-icons/ai';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { ga, languageColor, skeleton } from '../../helpers/utils'; import { ga, languageColor, skeleton } from '../../helpers/utils';
import { MdInsertLink } from 'react-icons/md';
const Project = ({ repo, loading, github, googleAnalytics }) => { const Project = ({ repo, loading, github, googleAnalytics }) => {
if (!loading && Array.isArray(repo) && repo.length === 0) { if (!loading && Array.isArray(repo) && repo.length === 0) {
@@ -18,7 +19,11 @@ const Project = ({ repo, loading, github, googleAnalytics }) => {
<div className="flex items-center"> <div className="flex items-center">
<span> <span>
<h5 className="card-title text-lg"> <h5 className="card-title text-lg">
{skeleton({ width: 'w-32', height: 'h-8' })} {skeleton({
width: 'w-32',
height: 'h-8',
className: 'mb-1',
})}
</h5> </h5>
</span> </span>
</div> </div>
@@ -81,25 +86,11 @@ const Project = ({ repo, loading, github, googleAnalytics }) => {
> >
<div className="flex justify-between flex-col p-8 h-full w-full"> <div className="flex justify-between flex-col p-8 h-full w-full">
<div> <div>
<div className="flex items-center opacity-60"> <div class="flex items-center">
<svg <div class="card-title text-lg tracking-wide flex text-base-content opacity-60">
xmlns="http://www.w3.org/2000/svg" <MdInsertLink className="my-auto" />
fill="none" <span className="capitalize">{item.name}</span>
viewBox="0 0 24 24" </div>
className="text-base-content inline-block w-5 h-5 mr-2 stroke-current"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
></path>
</svg>
<span>
<h5 className="card-title text-lg text-base-content">
{item.name}
</h5>
</span>
</div> </div>
<p className="mb-5 mt-1 text-base-content text-opacity-60 text-sm"> <p className="mb-5 mt-1 text-base-content text-opacity-60 text-sm">
{item.description} {item.description}