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 Emblem of Ethiopia image to emblems_variants directory

Browse Source
This commit is contained in:
sHa
2025-06-18 14:17:10 +03:00
parent 77f18007a6
commit e1fb0f60f3
6 changed files with 66 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/CardFull.svelte
View File

@@ -200,7 +200,15 @@
<div class="logo-meta">
{#each Object.entries(logo.meta) as [key, value]}
<p>
<strong>{capitalizeFirst(key)}:</strong> <span>{value}</span>
{#if typeof value === 'string' && value.startsWith('https://')}
<a class="meta-link" href={value} target="_blank" rel="noopener noreferrer">
{capitalizeFirst(key)}
<svg height="12" viewBox="0 0 12 12" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m6 1h5v5l-2.14-2.15-4.16 4.15-.7-.7 4.15-4.16zm-4 2h2v1h-2v6h6v-2h1v2a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1-1v-6a1 1 0 0 1 1-1" fill="currentColor"/></svg>
</a>
{:else}
<strong>{capitalizeFirst(key)}:</strong>
<span>{value}</span>
{/if}
</p>
{/each}
</div>
@@ -385,6 +393,19 @@
border-top: 1px solid var(--color-border);
padding-top: 1rem;
}
.meta-link {
color: var(--color-accent);
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.25em;
transition: text-decoration 0.15s;
}
.meta-link:hover {
text-decoration: underline;
}
@media (max-width: 900px) {
.preview-wrapper {
overflow-y: auto;

36
src/components/Filter.svelte
View File

@@ -185,20 +185,24 @@
>
Categories
</button>
<button
class="filter-tab"
class:active={activeTab === "brands"}
on:click={() => activeTab = "brands"}
>
Brands
</button>
<button
class="filter-tab"
class:active={activeTab === "variants"}
on:click={() => activeTab = "variants"}
>
Variants
</button>
{#if allBrands.length > 0}
<button
class="filter-tab"
class:active={activeTab === "brands"}
on:click={() => activeTab = "brands"}
>
Brands
</button>
{/if}
{#if allVariants.length > 0}
<button
class="filter-tab"
class:active={activeTab === "variants"}
on:click={() => activeTab = "variants"}
>
Variants
</button>
{/if}
</div>
<div class="tags-search-bar">
@@ -277,7 +281,7 @@
: "No available categories"}
</div>
{/if}
{:else if activeTab === "brands"}
{:else if activeTab === "brands" && allBrands.length > 0}
{#if filteredAllBrands.length > 0}
<div class="filter-tags-list">
{#each filteredAllBrands as brand}
@@ -318,7 +322,7 @@
: "No available brands"}
</div>
{/if}
{:else if activeTab === "variants"}
{:else if activeTab === "variants" && allVariants.length > 0}
{#if filteredAllVariants.length > 0}
<div class="filter-tags-list">
{#each filteredAllVariants as variant}