Something went wrong. Try again.
Atmosphere Status dashboard page
Something went wrong. Try again.
866 B · 46 lines
Svelte
at master
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647<script lang="ts"> import type { Snippet } from 'svelte';
let { title, children }: { title: string, children: Snippet } = $props();</script>
<section class="dashboard-panel"> <header> <h2>{title}</h2> </header> <div class="contents"> {@render children()} </div></section>
<style> .dashboard-panel { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: rgba(11, 23, 31, .92); box-shadow: 0 18px 48px rgba(0, 0, 0, .18); }
header { padding: 28px; border-bottom: 1px solid var(--line); background: linear-gradient(110deg, rgba(35, 77, 88, .28), rgba(12, 27, 35, .1)); }
header h2 { margin: 0; font-size: 1.1rem; }
.contents { padding: 4px 0; }
@media (max-width: 600px) { header { min-height: 68px; padding: 14px; } }</style>