Spaces:
Sleeping
Sleeping
Deploy live TraffiX app (fix/live-container-ci e8a6317, showcase network omitted) (part 2)
e788d0c verified | body { | |
| font-family: Georgia, serif; | |
| margin: 0; | |
| background: #111; | |
| color: #f4f1ea; | |
| } | |
| main { | |
| max-width: 52rem; | |
| margin: 0 auto; | |
| padding: 1.5rem; | |
| } | |
| .flag { | |
| background: #3b2f1a; | |
| border: 1px solid #c4a35a; | |
| padding: 0.75rem 1rem; | |
| } | |
| .error { | |
| color: #ffb4b4; | |
| } | |
| .metrics { | |
| border-top: 1px solid #444; | |
| margin-top: 1.5rem; | |
| padding-top: 1rem; | |
| } | |
| .metric-grid { | |
| display: grid; | |
| gap: 0.75rem; | |
| grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); | |
| } | |
| .metric-grid div { | |
| background: #1c1c1c; | |
| border: 1px solid #444; | |
| padding: 0.75rem; | |
| } | |
| .metric-grid strong, | |
| .metric-grid span { | |
| display: block; | |
| } | |
| .metric-grid strong { | |
| color: #f0d28a; | |
| font-size: 1.4rem; | |
| } | |
| .metric-grid span, | |
| .label { | |
| color: #c9c4b7; | |
| font-size: 0.9rem; | |
| } | |
| .explanation { | |
| border-top: 1px solid #444; | |
| margin-top: 1.5rem; | |
| padding-top: 1rem; | |
| } | |
| form { | |
| display: grid; | |
| gap: 0.75rem; | |
| } | |
| label { | |
| display: grid; | |
| gap: 0.25rem; | |
| } | |
| input { | |
| background: #1c1c1c; | |
| border: 1px solid #666; | |
| color: #f4f1ea; | |
| font: inherit; | |
| padding: 0.5rem; | |
| } | |
| .result { | |
| border-left: 3px solid #c4a35a; | |
| margin-top: 1rem; | |
| padding-left: 1rem; | |
| } | |
| button { | |
| font: inherit; | |
| cursor: pointer; | |
| } | |
| pre { | |
| overflow: auto; | |
| background: #1c1c1c; | |
| padding: 1rem; | |
| } | |