feat: icon and hover highlight for external link
This commit is contained in:
		
							parent
							
								
									822225b781
								
							
						
					
					
						commit
						8e37d5761b
					
				| 
						 | 
				
			
			@ -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} />
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue
	
	Block a user