Fixed some ui alignment issues.

This commit is contained in:
David Carley
2022-07-16 19:36:52 -07:00
parent f6e17c656f
commit 735064ca5e
6 changed files with 26 additions and 26 deletions

View File

@@ -64,12 +64,12 @@
<Dialog <Dialog
bind:open bind:open
scrimClickAction="" scrimClickAction=""
aria-labelledby="simple-title" aria-labelledby="change-hostname-dialog-title"
aria-describedby="simple-content" aria-describedby="change-hostname-dialog-content"
> >
<Title id="simple-title">Change Hostname</Title> <Title id="change-hostname-dialog-title">Change Hostname</Title>
<Content id="simple-content"> <Content id="change-hostname-dialog-content">
<TextField <TextField
bind:value={hostname} bind:value={hostname}
label="New Hostname" label="New Hostname"

View File

@@ -8,12 +8,12 @@
<Dialog <Dialog
bind:open bind:open
aria-labelledby="simple-title" aria-labelledby="home-machine-dialog-title"
aria-describedby="simple-content" aria-describedby="home-machine-dialog-content"
> >
<Title id="simple-title">Home Machine</Title> <Title id="home-machine-dialog-title">Home Machine</Title>
<Content id="simple-content">Home the machine?</Content> <Content id="home-machine-dialog-content">Home the machine?</Content>
<Actions> <Actions>
<Button> <Button>

View File

@@ -9,11 +9,11 @@
bind:open bind:open
scrimClickAction="" scrimClickAction=""
escapeKeyAction="" escapeKeyAction=""
aria-labelledby="simple-title" aria-labelledby="message-dialog-title"
aria-describedby="simple-content" aria-describedby="message-dialog-content"
> >
<Title id="simple-title">{title}</Title> <Title id="message-dialog-title">{title}</Title>
<Content id="simple-content"> <Content id="message-dialog-content">
<slot /> <slot />
</Content> </Content>
</Dialog> </Dialog>

View File

@@ -310,13 +310,13 @@
bind:open bind:open
class="probe-dialog" class="probe-dialog"
scrimClickAction="" scrimClickAction=""
aria-labelledby="simple-title" aria-labelledby="probe-dialog-title"
aria-describedby="simple-content" aria-describedby="probe-dialog-content"
surface$style="width: 700px; height: 400px; max-width: calc(100vw - 32px); overflow: visible;" surface$style="width: 700px; height: 400px; max-width: calc(100vw - 32px); overflow: visible;"
> >
<Title id="simple-title">Probing {probeType?.toUpperCase()}</Title> <Title id="probe-dialog-title">Probing {probeType?.toUpperCase()}</Title>
<Content id="simple-content" style="overflow: visible;"> <Content id="probe-dialog-content" style="overflow: visible;">
<div class="steps"> <div class="steps">
<p><b>Step {steps.indexOf(currentStep) + 1} of {steps.length}</b></p> <p><b>Step {steps.indexOf(currentStep) + 1} of {steps.length}</b></p>
<ul> <ul>
@@ -402,7 +402,7 @@
$light: #ddd; $light: #ddd;
:global { :global {
.mdc-dialog__content { #probe-dialog-content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }

View File

@@ -36,12 +36,12 @@
<Dialog <Dialog
bind:open bind:open
scrimClickAction="" scrimClickAction=""
aria-labelledby="screen-rotation-title" aria-labelledby="screen-rotation-dialog-title"
aria-describedby="screen-rotation-content" aria-describedby="screen-rotation-dialog-content"
> >
<Title id="screen-rotation-title">Screen Rotation</Title> <Title id="screen-rotation-dialog-title">Screen Rotation</Title>
<Content id="screen-rotation-content"> <Content id="screen-rotation-dialog-content">
{#each options as option} {#each options as option}
<FormField> <FormField>
<Radio bind:group={value} value={option.value} /> <Radio bind:group={value} value={option.value} />
@@ -68,7 +68,7 @@
<style lang="scss"> <style lang="scss">
:global { :global {
#screen-rotation-content { #screen-rotation-dialog-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }

View File

@@ -45,12 +45,12 @@
<Dialog <Dialog
bind:open bind:open
scrimClickAction="" scrimClickAction=""
aria-labelledby="simple-title" aria-labelledby="wifi-connection-dialog-title"
aria-describedby="simple-content" aria-describedby="wifi-connection-dialog-content"
> >
<Title id="simple-title">{connectToOrDisconnectFrom} {network.Name}</Title> <Title id="wifi-connection-dialog-title">{connectToOrDisconnectFrom} {network.Name}</Title>
<Content id="simple-content"> <Content id="wifi-connection-dialog-content">
{#if needPassword} {#if needPassword}
<TextField <TextField
bind:value={password} bind:value={password}