flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix ButtonCircle sizes?

Browse Source
This commit is contained in:
Félix Péault
2022-06-23 14:25:54 +02:00
parent 46fae80137
commit b6af9a9a52
2 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/atoms/ButtonCircle.svelte
View File

@@ -8,7 +8,6 @@
export let color: string = undefined export let color: string = undefined
export let size: string = undefined export let size: string = undefined
export let type: string = undefined export let type: string = undefined
export let form: string = undefined
export let clone: boolean = false export let clone: boolean = false
export let disabled: boolean = undefined export let disabled: boolean = undefined
export let label: string = undefined export let label: string = undefined
@@ -33,7 +32,7 @@
{/if} {/if}
</a> </a>
{:else} {:else}
<button {type} {form} class={classes} disabled={disabled} tabindex="0" aria-label={label} on:click> <button {type} class={classes} disabled={disabled} tabindex="0" aria-label={label} on:click>
{#if clone} {#if clone}
{#each Array(2) as _} {#each Array(2) as _}
<slot /> <slot />

8
src/style/atoms/_button-circle.scss
View File

@@ -70,8 +70,8 @@
*/ */
// Tiny size // Tiny size
&--tiny { &--tiny {
height: 24px; height: 24px !important;
width: 24px; width: 24px !important;
:global(img), :global(svg) { :global(img), :global(svg) {
width: 8px; width: 8px;
@@ -82,8 +82,8 @@
// Small size // Small size
&--small { &--small {
height: 32px; height: 32px !important;
width: 32px; width: 32px !important;
:global(img), :global(svg) { :global(img), :global(svg) {
width: 16px; width: 16px;