Image Border
{#if isMobile && onClose}
{/if}
{#if imageBorder.enabled}
{#if isTransparent}
Opacity
{Math.round(opacity * 100)}%
opacity, handleOpacityChange} />
{/if}
Color
{#each colorOptions as color (color)} {@const { r, g, b } = parseRgba(color)}
handleColorSelect(color)} class={[ 'h-10 w-full rounded-md outline-2 outline-offset-2 hover:inset-shadow-none hover:outline-text', isColorSelected(color) && 'outline-text' ]} style="background-color: {isTransparent ? convertToRgba(r, g, b, opacity) : color}" /> {/each}
Width
{imageBorder.width}px
imageBorder.width, (v) => mockupStore.setImageBorder({ width: v })} />
Radius
{imageBorder.radius}px
imageBorder.radius, (v) => mockupStore.setImageBorder({ radius: v })} />
{/if}