You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.1 KiB
56 lines
1.1 KiB
/** |
|
* Nostr Previews Component |
|
* Styles for Nostr event and profile preview cards |
|
* Converted from SCSS to plain CSS |
|
*/ |
|
|
|
.nostr-preview { |
|
margin-top: var(--spacing-2); |
|
} |
|
|
|
.nostr-preview .nostr-event-preview, |
|
.nostr-preview .nostr-profile-preview { |
|
border-left: 3px solid #6c5ce7; |
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); |
|
} |
|
|
|
.nostr-preview .nostr-profile-preview { |
|
border-left-color: #00b894; |
|
} |
|
|
|
.nostr-preview .card-title { |
|
margin-bottom: var(--spacing-2); |
|
font-size: 1rem; |
|
} |
|
|
|
.nostr-preview .card-text { |
|
font-size: 0.9rem; |
|
} |
|
|
|
.nostr-preview .card-footer { |
|
padding: var(--spacing-2) var(--spacing-3); |
|
} |
|
|
|
.nostr-previews h6 { |
|
font-size: 0.9rem; |
|
margin-bottom: var(--spacing-3); |
|
} |
|
|
|
.nostr-previews .preview-container { |
|
max-height: 500px; |
|
overflow-y: auto; |
|
padding-right: var(--spacing-2); |
|
} |
|
|
|
/* Style for nostr links in text */ |
|
.nostr-link { |
|
color: #6c5ce7; |
|
background-color: rgba(108, 92, 231, 0.1); |
|
padding: 0 var(--spacing-1); |
|
border-radius: 3px; |
|
text-decoration: none; |
|
} |
|
|
|
.nostr-link:hover { |
|
background-color: rgba(108, 92, 231, 0.2); |
|
}
|
|
|