fix: display connect error

Changed files
+19 -2
+19 -2
styles.css
··· 208 208 } 209 209 210 210 .status { 211 - padding: 10px 14px; 211 + padding: 12px 16px; 212 212 border-radius: 6px; 213 213 font-size: 13px; 214 - display: none; 215 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; 216 222 } 217 223 218 224 .status.success { ··· 225 231 background: var(--error-bg); 226 232 color: var(--error-text); 227 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; 228 245 } 229 246 230 247 .main-content {