Fixed some ui alignment issues.
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user