add icons

This commit is contained in:
vimaexd 2024-06-30 19:57:32 +01:00
parent e5d8cafd25
commit 9ba2e89f5b
33 changed files with 599 additions and 50 deletions

View file

@ -34,6 +34,9 @@
title={label}
aria-label={label}
on:click={() => click()}>
<span class="icon">
<slot name="icon" />
</span>
<slot/>
</button>
@ -45,7 +48,6 @@
padding: 16px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
font-family: inherit;
@ -131,4 +133,17 @@
button.disabled:active {
}
.icon:not(:empty) {
height: 150%;
margin-right: 8px;
}
.icon :global(svg) {
height: 100%;
}
.centered .icon {
margin-right: 0px;
}
</style>