Make publish button CTA and tidy up alignment

This commit is contained in:
Andrew Kingston 2022-04-25 14:58:41 +01:00
parent e6f68943ba
commit b9a2d96765
2 changed files with 27 additions and 29 deletions

View File

@ -58,7 +58,7 @@
} }
</script> </script>
<Button secondary on:click={publishModal.show}>Publish</Button> <Button cta on:click={publishModal.show}>Publish</Button>
<Modal bind:this={feedbackModal}> <Modal bind:this={feedbackModal}>
<ModalContent <ModalContent
title="Enjoying Budibase?" title="Enjoying Budibase?"
@ -96,7 +96,6 @@
</Modal> </Modal>
<!-- Publish complete --> <!-- Publish complete -->
<span class="publish-modal-wrap">
<Modal bind:this={publishCompleteModal}> <Modal bind:this={publishCompleteModal}>
<ModalContent <ModalContent
confirmText="Done" confirmText="Done"
@ -122,7 +121,6 @@
/> />
</ModalContent> </ModalContent>
</Modal> </Modal>
</span>
<style> <style>
.app-published-header { .app-published-header {

View File

@ -35,7 +35,7 @@
justify-content: flex-start; justify-content: flex-start;
align-items: stretch; align-items: stretch;
gap: var(--spacing-m); gap: var(--spacing-m);
padding: var(--spacing-l) 24px; padding: var(--spacing-l) var(--spacing-xl);
} }
.header { .header {
display: flex; display: flex;