sha/sLogos
1
0
Fork 0
mirror of https://github.com/shadoll/sLogos.git synced 2026-02-04 11:03:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add logo count display to header for improved user information

Browse Source
This commit is contained in:
sHa
2025-04-30 16:49:26 +03:00
parent a999f219d4
commit ed5cde4db5
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/App.svelte
View File

@@ -194,6 +194,7 @@
<header class="main-header"> <header class="main-header">
<div class="header-row"> <div class="header-row">
<h1>Logo Gallery</h1> <h1>Logo Gallery</h1>
<span class="logo-count">{logos.length} images in gallery</span>
<div class="theme-switcher"> <div class="theme-switcher">
<div class="theme-switch-group"> <div class="theme-switch-group">
<button on:click={() => setTheme('system')} class:active={theme === 'system'} aria-label="System theme"> <button on:click={() => setTheme('system')} class:active={theme === 'system'} aria-label="System theme">
@@ -327,6 +328,16 @@
font-weight: 700; 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 { .search-bar {
margin-bottom: 0; margin-bottom: 0;
width: 100%; width: 100%;