Improve quote hover display

This commit is contained in:
Weves
2023-09-06 15:42:17 -07:00
committed by Chris Weaver
parent 78e1806688
commit 2d077a9544

View File

@@ -17,14 +17,13 @@ const QuoteDisplay = ({ quoteInfo }: { quoteInfo: Quote }) => {
onMouseLeave={() => setDetailIsOpen(false)}
>
{detailIsOpen && (
<div className="absolute top-0 mt-10 pt-2 z-50">
<div className="rounded-lg shadow bg-gray-800 w-96 p-3 text-sm leading-relaxed text-gray-200">
<div className="flex mt-1">
<div className="absolute top-0 mt-9 pt-2 z-50">
<div className="flex flex-shrink-0 rounded-lg w-96 shadow bg-gray-800 p-3 text-sm leading-relaxed text-gray-200">
<div>
<b>Quote:</b> <i>{quoteInfo.quote}</i>
</div>
<div
className="my-auto ml-1"
className="my-auto pl-3 ml-auto"
onClick={() => {
navigator.clipboard.writeText(quoteInfo.quote);
setCopyClicked(true);
@@ -47,7 +46,6 @@ const QuoteDisplay = ({ quoteInfo }: { quoteInfo: Quote }) => {
</div>
</div>
</div>
</div>
)}
<button className="text-sm flex w-fit">
<a