fix: display connect error

Changed files
+19 -2
+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 {