highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-10-11 05:36:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

Improve quote hover display

Browse Source
This commit is contained in:
Weves
2023-09-06 15:42:17 -07:00
committed by Chris Weaver
parent 78e1806688
commit 2d077a9544
1 changed files with 26 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/search/results/QuotesSection.tsx
View File

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