+19
-2
styles.css
+19
-2
styles.css
···
208
}
209
210
.status {
211
-
padding: 10px 14px;
212
border-radius: 6px;
213
font-size: 13px;
214
-
display: none;
215
border: 1px solid transparent;
216
}
217
218
.status.success {
···
225
background: var(--error-bg);
226
color: var(--error-text);
227
border-color: var(--error-border);
228
}
229
230
.main-content {
···
208
}
209
210
.status {
211
+
padding: 12px 16px;
212
border-radius: 6px;
213
font-size: 13px;
214
border: 1px solid transparent;
215
+
margin-top: 12px;
216
+
font-weight: 500;
217
+
line-height: 1.5;
218
+
}
219
+
220
+
.status:empty {
221
+
display: none;
222
}
223
224
.status.success {
···
231
background: var(--error-bg);
232
color: var(--error-text);
233
border-color: var(--error-border);
234
+
font-weight: 600;
235
+
}
236
+
237
+
.status.error::before {
238
+
content: "⚠️ ";
239
+
margin-right: 4px;
240
+
}
241
+
242
+
.status.success::before {
243
+
content: "✓ ";
244
+
margin-right: 4px;
245
}
246
247
.main-content {