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

View File

@ -125,8 +125,10 @@
align="right" align="right"
disabled={!isPublished} disabled={!isPublished}
anchor={publishPopoverAnchor} anchor={publishPopoverAnchor}
offset={10}
> >
<Layout gap="M"> <div class="popover-content">
<Layout noPadding gap="M">
<Heading size="XS">Your published app</Heading> <Heading size="XS">Your published app</Heading>
<Body size="S"> <Body size="S">
<span class="publish-popover-message"> <span class="publish-popover-message">
@ -140,7 +142,7 @@
)} )}
</span> </span>
</Body> </Body>
<div class="publish-popover-actions"> <div class="buttons">
<Button <Button
warning={true} warning={true}
icon="GlobeStrike" icon="GlobeStrike"
@ -152,6 +154,7 @@
<Button cta on:click={viewApp}>View app</Button> <Button cta on:click={viewApp}>View app</Button>
</div> </div>
</Layout> </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;