Fix confirm dialogue inside table cell and standardise styles
This commit is contained in:
parent
a861b404b2
commit
86b475fe14
4 changed files with 9 additions and 8 deletions
|
@ -34,7 +34,9 @@
|
||||||
<Modal id={title} bind:this={theModal}>
|
<Modal id={title} bind:this={theModal}>
|
||||||
<h2>{title}</h2>
|
<h2>{title}</h2>
|
||||||
<Spacer extraLarge />
|
<Spacer extraLarge />
|
||||||
|
<div class="content">
|
||||||
<slot class="rows">{body}</slot>
|
<slot class="rows">{body}</slot>
|
||||||
|
</div>
|
||||||
<Spacer extraLarge />
|
<Spacer extraLarge />
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<Button red wide on:click={ok}>{okText}</Button>
|
<Button red wide on:click={ok}>{okText}</Button>
|
||||||
|
@ -54,4 +56,9 @@
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-gap: var(--spacing-s);
|
grid-gap: var(--spacing-s);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
white-space: normal;
|
||||||
|
font-size: var(--font-size-s);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -11,6 +11,4 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="bb-margin-m">
|
<DatePicker placeholder={label} on:change={onChange} {value} />
|
||||||
<DatePicker placeholder={label} on:change={onChange} {value} />
|
|
||||||
</div>
|
|
||||||
|
|
|
@ -26,7 +26,6 @@
|
||||||
.numberbox {
|
.numberbox {
|
||||||
display: grid;
|
display: grid;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
|
|
|
@ -17,14 +17,11 @@
|
||||||
|
|
||||||
<div class="margin">
|
<div class="margin">
|
||||||
<label class="label">{label}</label>
|
<label class="label">{label}</label>
|
||||||
|
|
||||||
<textarea value={valuesText} on:change={inputChanged} />
|
<textarea value={valuesText} on:change={inputChanged} />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.margin {
|
.margin {
|
||||||
margin-bottom: 16px;
|
|
||||||
display: grid;
|
display: grid;
|
||||||
}
|
}
|
||||||
.label {
|
.label {
|
||||||
|
|
Loading…
Reference in a new issue