Oliver/paraguay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add user detail modal - click on member card to view full profile

Browse Source
This commit is contained in:
Kato
2026-09-03 20:45:53 +00:00
parent 9b972daa00
commit fe6626c10b
3 changed files with 83 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+10
View File
@@ -96,6 +96,16 @@ a:hover { text-decoration: underline; }
.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 999; display: flex; align-items: center; justify-content: center; }
.modal.hidden { display: none; }
.modal-content { background: var(--white); padding: 32px; border-radius: 16px; width: 90%; max-width: 800px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,.2); }
.user-detail-modal { max-width: 600px; }
.user-detail-header { display: flex; align-items: center; gap: 20px; margin-bottom: 24px; }
.user-detail-avatar { width: 80px; height: 80px; border-radius: 50%; background: var(--blue); color: var(--white); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.user-detail-avatar .user-avatar-text { font-size: 2rem; font-weight: 700; }
.user-detail-header h2 { font-size: 1.5rem; font-weight: 700; margin: 0 0 4px 0; }
.user-detail-header p { font-size: 1rem; color: #6b7280; margin: 0; }
.detail-row { display: flex; justify-content: space-between; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--gray2); }
.detail-row:last-child { border-bottom: none; }
.detail-label { font-weight: 600; font-size: .9rem; color: #4b5563; }
.detail-value { font-size: .9rem; color: #1f2937; text-align: right; max-width: 60%; word-break: break-word; }
.modal-content h3 { margin-bottom: 24px; }
.close-btn { position: absolute; top: 16px; right: 20px; font-size: 24px; cursor: pointer; color: #6b7280; }
.username-display { padding: 12px 0; font-size: 1.1rem; font-weight: 700; color: var(--black); }