themesberg / flowbite-svelte

Official Svelte components built for Flowbite and Tailwind CSS
https://flowbite-svelte.com
MIT License
2.2k stars 270 forks source link

ButtonGroup with 4 buttons. separator line missing #241

Closed xmlking closed 2 years ago

xmlking commented 2 years ago

ButtonGroup with 4 buttons. separator line missing

    <ButtonGroup>
        <Button outline on:click="{gotoPolicies}">
            <ArrowLeft size="18" class="mr-2 text-blue-500 dark:text-green-500" />
            Back
        </Button>
        {#if editable}
            <Button outline on:click="{deletePolicy}">
                <Archive size="18" class="mr-2 text-blue-500 dark:text-red-500" />
                Delete
            </Button>
            <Button outline on:click="{handleReset}">
                <Adjustments size="18" class="mr-2 text-blue-500 dark:text-green-500" />
                Reset
            </Button>
            <Button outline type="submit" disabled="{!$isValid}" class="{!$isValid ? 'cursor-not-allowed' : ''}">
                <CloudDownload size="18" class="mr-2 text-blue-500 dark:text-green-500" />
                {#if $isSubmitting}loading...{:else}Save{/if}
            </Button>
        {:else}
            <Button outline type="submit" disabled="{!$isValid}" class="{!$isValid ? 'cursor-not-allowed' : ''}">
                <Adjustments size="18" class="mr-2 text-blue-500 dark:text-green-500" />
                {#if $isSubmitting}loading...{:else}Create{/if}
            </Button>
        {/if}
    </ButtonGroup>
image
shinokada commented 2 years ago

@jjagielka Can you have a look at this issue?

jjagielka commented 2 years ago

My bad. Fix provided #242