Spaces:
Running
Running
| <script lang="ts"> | |
| export let error: string; | |
| </script> | |
| <div class="error-message"> | |
| ❌ {error} | |
| </div> | |
| <style> | |
| .error-message { | |
| padding: 12px 16px; | |
| background: rgba(184, 84, 80, 0.08); | |
| border-left: 2px solid #B85450; | |
| color: #B85450; | |
| font-size: 12px; | |
| font-family: "JetBrains Mono", "Monaco", "Menlo", monospace; | |
| animation: slideDown 0.3s ease; | |
| } | |
| @keyframes slideDown { | |
| from { | |
| opacity: 0; | |
| transform: translateY(-10px); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } | |
| } | |
| </style> |