blisstown/campfire
blisstown/campfire
2
0
Fork 1
Code Issues 19 Pull requests Projects 1 Releases Activity

add icons

Browse source
This commit is contained in:
etstringy 2024-06-30 19:57:32 +01:00 • committed by vimae
parent e5d8cafd25
commit b062153098
33 changed files with 599 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/lib/ui/post/ActionButton.svelte
View file

@ -29,7 +29,11 @@
title="{title}"
on:click={click}>
<span class="icon">
<slot/>
{#if active}
<slot name="activeIcon"/>
{:else}
<slot/>
{/if}
</span>
{#if count}
<span class="count">{count}</span>
@ -38,10 +42,11 @@
<style>
button {
height: 32px;
/* height: 32px; */
padding: 6px 8px;
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-family: inherit;
font-size: 1em;
@ -54,8 +59,7 @@
}
button.active {
background-color: color-mix(in srgb, transparent, var(--accent) 50%);
color: var(--bg-1000);
background-color: color-mix(in srgb, transparent, var(--accent) 50%);
}
button:not(.disabled):hover {
@ -74,8 +78,8 @@
}
.icon {
width: 20px;
height: 20px;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;