feat: icon and hover highlight for external link

This commit is contained in:
Vyacheslav Matyukhin 2022-04-29 22:14:11 +04:00
parent 822225b781
commit 8e37d5761b
No known key found for this signature in database
GPG Key ID: 3D2A774C5489F96C

View File

@ -1,4 +1,5 @@
import { GetServerSideProps, NextPage } from "next";
import { FaExternalLinkAlt } from "react-icons/fa";
import ReactMarkdown from "react-markdown";
import { Query } from "../../common/Query";
@ -46,11 +47,12 @@ const QuestionCardContents: React.FC<{
<div className="grid grid-cols-1 space-y-4 place-items-center mb-5">
<h1 className="text-4xl place-self-center w-full text-center mt-10 pl-5 pr-5">
<a
className="text-black no-underline"
className="text-black no-underline hover:text-gray-600"
href={question.url}
target="_blank"
>
{question.title}
{question.title}{" "}
<FaExternalLinkAlt className="text-gray-400 inline" size="24" />
</a>
</h1>
<HistoryChart question={question} />