Fix modal: wider, remove name fields, fix labels, description 100% width
This commit is contained in:
+3
-2
@@ -80,11 +80,12 @@ a:hover { text-decoration: underline; }
|
||||
.user-btn { padding: 8px 16px; font-size: .85rem; }
|
||||
.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: 500px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,.2); }
|
||||
.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); }
|
||||
.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: 600; color: var(--black); }
|
||||
.username-display { padding: 12px 0; font-size: 1.1rem; font-weight: 700; color: var(--black); }
|
||||
.profile-form .hidden { display: none; }
|
||||
.form-group label { font-weight: 400; }
|
||||
.login-panel h3 { font-size: 1.25rem; font-weight: 700; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--gray2); }
|
||||
.form-group { margin-bottom: 16px; }
|
||||
.form-group label { display: block; font-size: .85rem; font-weight: 600; margin-bottom: 6px; }
|
||||
|
||||
Reference in New Issue
Block a user