mirror of
https://github.com/dergigi/boris.git
synced 2026-01-09 09:54:34 +01:00
21 lines
1.3 KiB
CSS
21 lines
1.3 KiB
CSS
/* Profile UI fragments */
|
|
.author-card-container { display: flex; justify-content: center; padding: 2rem 1rem; }
|
|
.author-card { display: flex; gap: 1rem; padding: 1.5rem; background: #1a1a1a; border: 1px solid #333; border-radius: 12px; max-width: 600px; width: 100%; }
|
|
.author-card-avatar { flex-shrink: 0; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; background: #2a2a2a; display: flex; align-items: center; justify-content: center; color: #666; }
|
|
.author-card-avatar img { width: 100%; height: 100%; object-fit: cover; }
|
|
.author-card-avatar svg { font-size: 2.5rem; }
|
|
.author-card-content { flex: 1; min-width: 0; text-align: left; }
|
|
.author-card-name { font-size: 1rem; font-weight: 600; color: #ddd; margin-bottom: 0.5rem; text-align: left; }
|
|
.author-card-bio { font-size: 0.9rem; color: #999; line-height: 1.5; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: left; }
|
|
|
|
@media (max-width: 768px) {
|
|
.author-card-container { padding: 1.5rem 1rem; }
|
|
.author-card { padding: 1rem; }
|
|
.author-card-avatar { width: 48px; height: 48px; }
|
|
.author-card-avatar svg { font-size: 2rem; }
|
|
.author-card-name { font-size: 0.95rem; }
|
|
.author-card-bio { font-size: 0.85rem; -webkit-line-clamp: 2; }
|
|
}
|
|
|
|
|