diff --git a/src/styles/utils/legacy.css b/src/styles/utils/legacy.css index 06ee6bf3..99e78588 100644 --- a/src/styles/utils/legacy.css +++ b/src/styles/utils/legacy.css @@ -1,102 +1,4 @@ -/* Legacy styles for bookmark debugging and nostr content parsing */ - -.user-info { - margin: 0.5rem 0 0 0; - color: #888; - font-size: 0.9rem; - font-family: monospace; -} - -.bookmark-count { - color: #666; - font-size: 0.9rem; - margin: 0.5rem 0; -} - -.event-link { - color: #8ab4f8; - text-decoration: none; - font-weight: 500; -} - -.event-link:hover { - text-decoration: underline; -} - -.bookmark-urls { - margin: 0.75rem 0; -} - -.bookmark-url { - display: block; - margin: 0.25rem 0; - color: #007bff; - text-decoration: none; - word-break: break-all; - background: none; - border: none; - padding: 0; - font: inherit; - cursor: pointer; - text-align: left; - width: 100%; -} - -.bookmark-url:hover { - text-decoration: underline; -} - -.url-row { - display: flex; - align-items: center; - gap: 0.5rem; -} - -.read-inline-btn { - background: #28a745; - color: white; - border: none; - padding: 0.25rem 0.5rem; - border-radius: 4px; - cursor: pointer; -} - -.read-inline-btn:hover { - background: #218838; -} - -.bookmark-events { - margin: 1rem 0; -} - -.bookmark-events h4 { - margin: 0 0 0.5rem 0; - font-size: 0.9rem; - color: #666; -} - -.event-ids { - display: flex; - flex-wrap: wrap; - gap: 0.5rem; -} - -.event-id { - background: #f5f5f5; - padding: 0.25rem 0.5rem; - border-radius: 4px; - font-family: monospace; - font-size: 0.8rem; - color: #666; -} - -.more-events { - color: #999; - font-style: italic; - font-size: 0.8rem; -} - -/* Nostr content parsing styles */ +/* Nostr content parsing and URI resolution styles */ .parsed-content, .nostr-mention, .nostr-link, @@ -142,31 +44,7 @@ text-decoration: underline; } -.logout-button { - background: #dc3545; - color: white; - border: none; - padding: 0.5rem 1rem; - border-radius: 4px; - cursor: pointer; - transition: background-color 0.2s; -} - -.logout-button:hover { - background: #c82333; -} - -/* Common state styles */ -.loading { - flex: 1; - display: flex; - align-items: center; - justify-content: center; - text-align: center; - padding: 2rem; - color: #ccc; -} - +/* Empty state */ .empty-state { text-align: center; padding: 3rem;