sha/sLogos
1
0
Fork 0
mirror of https://github.com/shadoll/sLogos.git synced 2025-12-20 20:35:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: Add tagging functionality to logos and enhance logo modal display

Browse Source
This commit is contained in:
sHa
2025-04-28 11:51:43 +03:00
parent 5446646519
commit 51ea3c3dba
4 changed files with 271 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/LogoModal.svelte
View File

@@ -49,6 +49,13 @@
<div class="logo-details">
<p><strong>Format:</strong> {logo.format}</p>
<p><strong>Path:</strong> {logo.path}</p>
{#if logo.tags && logo.tags.length}
<div class="logo-tags">
{#each logo.tags as tagObj}
<span class="logo-tag" style={tagObj.color ? `background:${tagObj.color}` : ''}>{tagObj.text || tagObj}</span>
{/each}
</div>
{/if}
</div>
</div>
</div>
@@ -133,4 +140,23 @@
.logo-details p {
margin-bottom: 0.5rem;
}
.logo-tags {
margin-top: 1rem;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.logo-tag {
display: inline-block;
background: var(--color-accent, #4f8cff);
color: #fff;
border-radius: 12px;
padding: 0.2em 0.8em;
font-size: 0.85em;
font-weight: 500;
letter-spacing: 0.02em;
transition: background 0.2s;
}
</style>