MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update deploy navigation component to work without data-cy

This commit is contained in:
Andrew Kingston 2023-02-01 08:32:10 +00:00
parent b89fb6b63e
commit c52d3e49d4
1 changed files with 32 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
packages/builder/src/components/deploy/DeployNavigation.svelte
View File

@ -125,33 +125,36 @@
align="right" align="right"
disabled={!isPublished} disabled={!isPublished}
anchor={publishPopoverAnchor} anchor={publishPopoverAnchor}
offset={10}
> >
<Layout gap="M"> <div class="popover-content">
<Heading size="XS">Your published app</Heading> <Layout noPadding gap="M">
<Body size="S"> <Heading size="XS">Your published app</Heading>
<span class="publish-popover-message"> <Body size="S">
{processStringSync( <span class="publish-popover-message">
"Last published {{ duration time 'millisecond' }} ago", {processStringSync(
{ "Last published {{ duration time 'millisecond' }} ago",
time: {
new Date().getTime() - time:
new Date(latestDeployments[0].updatedAt).getTime(), new Date().getTime() -
} new Date(latestDeployments[0].updatedAt).getTime(),
)} }
</span> )}
</Body> </span>
<div class="publish-popover-actions"> </Body>
<Button <div class="buttons">
warning={true} <Button
icon="GlobeStrike" warning={true}
disabled={!isPublished} icon="GlobeStrike"
on:click={unpublishApp} disabled={!isPublished}
> on:click={unpublishApp}
Unpublish >
</Button> Unpublish
<Button cta on:click={viewApp}>View app</Button> </Button>
</div> <Button cta on:click={viewApp}>View app</Button>
</Layout> </div>
</Layout>
</div>
</Popover> </Popover>
</div> </div>
{/if} {/if}
@ -180,6 +183,9 @@
</div> </div>
<style> <style>
.popover-content {
padding: var(--spacing-xl);
}
.buttons { .buttons {
display: flex; display: flex;
flex-direction: row; flex-direction: row;