colors.

fezcode · fezcode · commit bb69bbbbae5c · 2025-10-16T22:25:56.000+03:00
diff --git a/src/components/LogMetadata.js b/src/components/LogMetadata.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import Label from './Label';
 import { Star } from '@phosphor-icons/react';
+import { FaExternalLinkAlt } from 'react-icons/fa';
 
 const LogMetadata = ({ metadata }) => {
   if (!metadata) {
@@ -87,7 +88,7 @@ const LogMetadata = ({ metadata }) => {
           {metadata.link && (
             <div>
               <Label>Link</Label>
-              <p className="text-gray-300 ml-1 mt-1"><a href={metadata.link} target="_blank" rel="noopener noreferrer" className="text-indigo-400 hover:text-indigo-300">View</a></p>
+              <p className="text-gray-300 ml-1 mt-1"><a href={metadata.link} target="_blank" rel="noopener noreferrer" className="text-amber-500 hover:text-amber-400 flex items-center">View <FaExternalLinkAlt className="ml-1" size={12} /></a></p>
             </div>
           )}
         </div>
diff --git a/src/components/ProjectCard.js b/src/components/ProjectCard.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
+import { FaExternalLinkAlt } from 'react-icons/fa';
 
 const ProjectCard = ({ project, size = 1 }) => {
   const colSpanClass = size === 2 ? 'md:col-span-2' : size === 3 ? 'md:col-span-3' : 'col-span-1';
@@ -8,9 +9,9 @@ const ProjectCard = ({ project, size = 1 }) => {
     <Link to={`/projects/${project.slug}`} className={`block bg-gray-800/50 p-6 rounded-lg shadow-lg hover:bg-gray-800/80 transition-colors border border-gray-700/50 cursor-pointer flex flex-col ${colSpanClass}`}>
       <h3 className="text-xl font-semibold text-white">{project.title}</h3>
       <p className="mt-2 text-gray-400 flex-grow">{project.description}</p>
-      <span className="mt-4 inline-block text-primary-400 hover:text-title-hover hover:underline transition-colors mt-auto">
-        View Project &rarr;
-      </span>
+      <a href={project.link || `/projects/${project.slug}`} target="_blank" rel="noopener noreferrer" className="mt-4 inline-block text-red-500 hover:text-red-300 transition-colors mt-auto flex items-center">
+        View Project <FaExternalLinkAlt className="ml-1" size={12} />
+      </a>
     </Link>
   );
 };
diff --git a/src/components/ProjectMetadata.js b/src/components/ProjectMetadata.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import Label from './Label';
+import { FaExternalLinkAlt } from 'react-icons/fa';
 
 const ProjectMetadata = ({ project }) => {
   if (!project) {
@@ -18,7 +19,7 @@ const ProjectMetadata = ({ project }) => {
           {project.link && (
             <div>
               <Label>Link</Label>
-              <p className="text-gray-300 ml-1 mt-1"><a href={project.link} target="_blank" rel="noopener noreferrer" className="text-indigo-400 hover:text-indigo-300">View Project</a></p>
+              <p className="text-gray-300 ml-1 mt-1"><a href={project.link} target="_blank" rel="noopener noreferrer" className="text-amber-500 hover:text-amber-400 flex items-center">View Project <FaExternalLinkAlt className="ml-1" size={12} /></a></p>
             </div>
           )}
           {project.pinned && (
