From f2cbc66a9777674bc514851585fb6b17a13e2ad0 Mon Sep 17 00:00:00 2001 From: Gigi Date: Mon, 13 Oct 2025 23:15:21 +0200 Subject: [PATCH] refactor: migrate profile.css to Tailwind color palette --- src/styles/components/profile.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/styles/components/profile.css b/src/styles/components/profile.css index 36df88fd..11d594c1 100644 --- a/src/styles/components/profile.css +++ b/src/styles/components/profile.css @@ -1,12 +1,12 @@ /* 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 { display: flex; gap: 1rem; padding: 1.5rem; background: rgb(24 24 27); /* zinc-900 */ border: 1px solid rgb(63 63 70); /* zinc-700 */ border-radius: 12px; max-width: 600px; width: 100%; } +.author-card-avatar { flex-shrink: 0; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; background: rgb(39 39 42); /* zinc-800 */ display: flex; align-items: center; justify-content: center; color: rgb(113 113 122); /* zinc-500 */ } .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; } +.author-card-name { font-size: 1rem; font-weight: 600; color: rgb(228 228 231); /* zinc-200 */ margin-bottom: 0.5rem; text-align: left; } +.author-card-bio { font-size: 0.9rem; color: rgb(161 161 170); /* zinc-400 */ 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 {