Spaces:
Running
Running
| /* Shared styles across all pages */ | |
| body { | |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; | |
| display: flex; | |
| flex-direction: column; | |
| min-height: 100vh; | |
| } | |
| main { | |
| flex: 1; | |
| } | |
| #dropZone.highlight { | |
| border-color: #818cf8; | |
| background-color: #f5f3ff; | |
| } | |
| #dropZone.error { | |
| border-color: #ef4444; | |
| background-color: #fee2e2; | |
| } | |
| .toast-success { | |
| background-color: #10b981 ; | |
| } | |
| .toast-error { | |
| background-color: #ef4444 ; | |
| } | |
| /* Animation for toast */ | |
| @keyframes slideIn { | |
| from { transform: translateX(100%); opacity: 0; } | |
| to { transform: translateX(0); opacity: 1; } | |
| } | |
| @keyframes slideOut { | |
| from { transform: translateX(0); opacity: 1; } | |
| to { transform: translateX(100%); opacity: 0; } | |
| } | |
| #toast.show { | |
| animation: slideIn 0.3s forwards; | |
| } | |
| #toast.hide { | |
| animation: slideOut 0.3s forwards; | |
| } |