1 files changed, 20 insertions, 8 deletions
diff --git a/src/lib/Timetable.svelte b/src/lib/Timetable.svelte
index 22f9139..c805d6d 100644
--- a/src/lib/Timetable.svelte
+++ b/src/lib/Timetable.svelte
@@ -271,7 +271,8 @@
             <LineGlyph
               currentColor="#fff"
               kind={routeShortName}
-              nightIsFilled={false}
+              negative={false}
+              dark
             />
           {:else}
             <span
@@ -372,8 +373,8 @@
   {/each}
 {:else}
   <div class="flex items-center justify-center">
-    <div class="results max-w-2xl">
-      {#if (placeName || placeId) && isResultsPage}
+    {#if (placeName || placeId) && isResultsPage}
+      <div class="results max-w-2xl relative">
         <h2 class="text-2xl opacity-90">{m.no_results_title()}</h2>
         <p>
           {#each m
@@ -382,9 +383,20 @@
                 >{part}</b
               >{/if}{/each}
         </p>
-      {:else if placeId}
-        TODO: add some loader here
-      {:else}
+      </div>
+    {:else if placeId}
+      <div
+        class="flex flex-col gap-2 justify-stretch w-full no-scroll-body"
+        style="--shimmer-w: 2000px"
+      >
+        {#each Array(30) as _}
+          <div class="h-[7.575rem] relative bg-[#28282C] rounded-xl">
+            <div class="w-full h-full skeleton-shimmer rounded-xl"></div>
+          </div>
+        {/each}
+      </div>
+    {:else}
+      <div class="results max-w-2xl relative">
         <h2 class="text-2xl opacity-90">{m.welcome_title()}</h2>
         <p class="pb-1">
           {m.welcome_body_1()}
@@ -463,7 +475,7 @@
             onclick={() => setSearch('Lindau-Reutin')}>Lindau-Reutin</button
           >
         </div>
-      {/if}
-    </div>
+      </div>
+    {/if}
   </div>
 {/if}