diff --git a/src/components/BookmarkViews/CardView.tsx b/src/components/BookmarkViews/CardView.tsx index 9e3e0c63..8ac1f037 100644 --- a/src/components/BookmarkViews/CardView.tsx +++ b/src/components/BookmarkViews/CardView.tsx @@ -48,7 +48,6 @@ export const CardView: React.FC = ({ const [ogImage, setOgImage] = useState(null) const [expanded, setExpanded] = useState(false) - const [urlsExpanded, setUrlsExpanded] = useState(false) const contentLength = (bookmark.content || '').length const shouldTruncate = !expanded && contentLength > 210 @@ -157,33 +156,6 @@ export const CardView: React.FC = ({ )} - - {extractedUrls.length > 0 && ( -
- {(urlsExpanded ? extractedUrls : extractedUrls.slice(0, 1)).map((url, urlIndex) => { - return ( - - ) - })} - {extractedUrls.length > 1 && ( - - )} -
- )} {isArticle && articleSummary ? ( diff --git a/src/styles/components/cards.css b/src/styles/components/cards.css index f7ba959f..77909d65 100644 --- a/src/styles/components/cards.css +++ b/src/styles/components/cards.css @@ -220,30 +220,6 @@ transition: width 0.3s ease, background 0.3s ease; } -.card-content .bookmark-urls { - margin: 0.5rem 0; -} - -.card-content .bookmark-url { - display: block; - width: 100%; - text-align: left; - padding: 0.5rem; - margin-bottom: 0.25rem; - background: var(--color-bg-elevated); - border: 1px solid var(--color-border); - border-radius: 6px; - color: var(--color-primary); - text-decoration: none; - font-size: 0.8rem; - word-break: break-all; - transition: all 0.2s ease; -} - -.card-content .bookmark-url:hover { - background: var(--color-bg); - border-color: var(--color-primary); -} /* Large preview view */ .individual-bookmark.large { padding: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--color-bg-elevated); }