src/components/OfflineBanner.svelte


1
2
3
4
5
6
7
8
9
10
11

<script lang="ts">
  import PhWifiSlashBold from "virtual:icons/ph/wifi-slash-bold";
  import { offline } from "$lib/store";
</script>

{#if $offline}
  <div class="alert alert-warning sticky top-0 z-50 rounded-none justify-center gap-2">
    <PhWifiSlashBold width="20" />
    You're offline — showing cached data
  </div>
{/if}