From ed5cde4db589ed1968d9b4c51dff32ac97b8e052 Mon Sep 17 00:00:00 2001
From: sHa <sha@shadoll.dev>
Date: Wed, 30 Apr 2025 16:49:26 +0300
Subject: [PATCH] Add logo count display to header for improved user
 information

---
 src/App.svelte | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/App.svelte b/src/App.svelte
index 2210437..643b308 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -194,6 +194,7 @@
   <header class="main-header">
     <div class="header-row">
       <h1>Logo Gallery</h1>
+      <span class="logo-count">{logos.length} images in gallery</span>
       <div class="theme-switcher">
         <div class="theme-switch-group">
           <button on:click={() => setTheme('system')} class:active={theme === 'system'} aria-label="System theme">
@@ -327,6 +328,16 @@
     font-weight: 700;
   }
 
+  .logo-count {
+    font-family: system-ui, Arial, sans-serif;
+    font-size: 0.6rem;
+    font-weight: normal;
+    color: var(--color-text, #444);
+    margin-left: 1rem;
+    align-self: center;
+    opacity: 0.7;
+  }
+
   .search-bar {
     margin-bottom: 0;
     width: 100%;