style: align paste hint text and button vertically
This commit is contained in:
@@ -84,7 +84,7 @@ onUnmounted(() => {
|
|||||||
</div>
|
</div>
|
||||||
<section class="message is-info paste-hint">
|
<section class="message is-info paste-hint">
|
||||||
<div class="message-body">
|
<div class="message-body">
|
||||||
Paste a list of items to directly create a new task
|
<span>Paste a list of items to directly create a new task</span>
|
||||||
<button @click="handlePaste()" class="button is-info">Paste</button>
|
<button @click="handlePaste()" class="button is-info">Paste</button>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -128,7 +128,12 @@ main {
|
|||||||
|
|
||||||
.paste-hint {
|
.paste-hint {
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
text-align: center;
|
}
|
||||||
|
|
||||||
|
.paste-hint .message-body {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description-hint {
|
.description-hint {
|
||||||
|
|||||||
Reference in New Issue
Block a user