diff options
| -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> |