quantified.uncertainty/metaforecast
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: icon and hover highlight for external link

Browse Source
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
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/web/questions/pages/QuestionPage.tsx
View File

@ -1,4 +1,5 @@
import { GetServerSideProps, NextPage } from "next"; import { GetServerSideProps, NextPage } from "next";
import { FaExternalLinkAlt } from "react-icons/fa";
import ReactMarkdown from "react-markdown"; import ReactMarkdown from "react-markdown";
import { Query } from "../../common/Query"; 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"> <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"> <h1 className="text-4xl place-self-center w-full text-center mt-10 pl-5 pr-5">
<a <a
className="text-black no-underline" className="text-black no-underline hover:text-gray-600"
href={question.url} href={question.url}
target="_blank" target="_blank"
> >
{question.title} {question.title}{" "}
<FaExternalLinkAlt className="text-gray-400 inline" size="24" />
</a> </a>
</h1> </h1>
<HistoryChart question={question} /> <HistoryChart question={question} />