Addressing review comments.

This commit is contained in:
mike12345567 2021-10-27 14:55:09 +01:00
parent f86448a276
commit d2c738ab33
2 changed files with 55 additions and 822 deletions

View File

@ -24,13 +24,7 @@
} }
</script> </script>
<div <div class="spectrum-InLineAlert spectrum-InLineAlert--{type}">
style="--spectrum-semantic-negative-border-color: #e34850;
--spectrum-semantic-positive-border-color: #2d9d78;
--spectrum-semantic-positive-icon-color: #2d9d78;
--spectrum-semantic-negative-icon-color: #e34850;"
class="spectrum-InLineAlert spectrum-InLineAlert--{type}"
>
<svg <svg
class="spectrum-Icon spectrum-Icon--sizeM spectrum-InLineAlert-icon" class="spectrum-Icon spectrum-Icon--sizeM spectrum-InLineAlert-icon"
focusable="false" focusable="false"
@ -42,7 +36,16 @@
<div class="spectrum-InLineAlert-content">{message}</div> <div class="spectrum-InLineAlert-content">{message}</div>
{#if onConfirm} {#if onConfirm}
<div class="spectrum-InLineAlert-footer"> <div class="spectrum-InLineAlert-footer">
<Button on:click={onConfirm}>OK</Button> <Button secondary on:click={onConfirm}>OK</Button>
</div> </div>
{/if} {/if}
</div> </div>
<style>
.spectrum-InLineAlert {
--spectrum-semantic-negative-border-color: #e34850;
--spectrum-semantic-positive-border-color: #2d9d78;
--spectrum-semantic-positive-icon-color: #2d9d78;
--spectrum-semantic-negative-icon-color: #e34850;
}
</style>

File diff suppressed because it is too large Load Diff