diff options
| author |  Anshul Gupta <ansg191@anshulg.com>
| 2024-06-07 18:38:30 -0700 |
|---|---|---|
| committer | Anshul Gupta <ansg191@anshulg.com>
| 2024-06-07 18:38:30 -0700 |
| commit | 4e9c9e437f638e450e4bc8cbc605e7bb100ebe4a (patch) | |
| tree | 2d8871c903619973a8617524208e1e8e6262afb8 | |
| parent | cb1e56050c778661dd2ef45f02c86b023c5f6b14 (diff) | |
| download | CS172-Project-4e9c9e437f638e450e4bc8cbc605e7bb100ebe4a.tar.gz CS172-Project-4e9c9e437f638e450e4bc8cbc605e7bb100ebe4a.tar.zst CS172-Project-4e9c9e437f638e450e4bc8cbc605e7bb100ebe4a.zip | |
Add text content to search results
| -rw-r--r-- | web/src/Doc.css | 12 | ||||
| -rw-r--r-- | web/src/Doc.tsx | 5 |
2 files changed, 15 insertions, 2 deletions
diff --git a/web/src/Doc.css b/web/src/Doc.css index cc03bbc..110bb59 100644 --- a/web/src/Doc.css +++ b/web/src/Doc.css @@ -28,4 +28,14 @@ height: 50px; width: 50px; object-fit: contain; -}
\ No newline at end of file +} + +.doc-text { + display: inline-grid; +} + +.doc-content { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} diff --git a/web/src/Doc.tsx b/web/src/Doc.tsx index e7d2a42..2cfd1a0 100644 --- a/web/src/Doc.tsx +++ b/web/src/Doc.tsx @@ -12,7 +12,7 @@ function Doc({document}: DocParams) { <div className="image-container"> <img className="image" src={document.images[0]} alt={document.title}/> </div> - <div> + <div className="doc-text"> <h2 className='doc-title'> <a href={document.url} target="_blank" rel="noreferrer noopener"> {document.title} @@ -22,6 +22,9 @@ function Doc({document}: DocParams) { <p className='doc-domain'>{document.domain}</p> <p className='doc-domain'>Score: {(document.score).toFixed(2)}</p> </div> + <p className='doc-content'> + {document.content} + </p> </div> </div> </div> |