git.djapps.eu Git - pkg/ggml/sources/llama.cpp/blob

   1 <script lang="ts">
   2         interface Props {
   3                 titleWidth?: string;
   4                 showBadge?: boolean;
   5         }
   6
   7         let { titleWidth = 'w-48', showBadge = false }: Props = $props();
   8 </script>
   9
  10 <div class="flex w-full items-start gap-3 rounded-lg px-3 py-2">
  11         <div class="min-w-0 flex-1 space-y-2">
  12                 <!-- Server label skeleton -->
  13                 <div class="mb-2 flex items-center gap-1.5">
  14                         <div class="h-3 w-3 shrink-0 animate-pulse rounded-sm bg-muted"></div>
  15                         <div class="h-3 w-24 animate-pulse rounded bg-muted"></div>
  16                 </div>
  17
  18                 <!-- Title skeleton -->
  19                 <div class="flex items-center gap-2">
  20                         <div class="h-4 {titleWidth} animate-pulse rounded bg-muted"></div>
  21
  22                         {#if showBadge}
  23                                 <div class="h-4 w-12 animate-pulse rounded-full bg-muted"></div>
  24                         {/if}
  25                 </div>
  26
  27                 <!-- Description skeleton -->
  28                 <div class="h-3 w-full animate-pulse rounded bg-muted"></div>
  29         </div>
  30 </div>