align with portal button style (#14187)

* align with portal button style

* fix welcome page

* image button

* more fixes

* use withProperties

* add comment back

* add border radius
This commit is contained in:
Alan Ren
2021-02-08 15:12:54 -08:00
committed by GitHub
parent 7a0ac71b98
commit a3cddbc8aa
67 changed files with 384 additions and 251 deletions

View File

@@ -327,6 +327,7 @@ export class CreateMigrationControllerDialog {
const refreshButton = this._view.modelBuilder.button().withProps({
label: constants.REFRESH,
secondary: true
}).component();
const refreshLoadingIndicator = this._view.modelBuilder.loadingComponent().withProps({
@@ -383,7 +384,8 @@ export class CreateMigrationControllerDialog {
CSSStyles: {
'margin-top': '10px'
},
width: '100px'
width: '100px',
secondary: true
}).component();
refreshKeyButton.onDidClick(async (e) => {
@@ -437,7 +439,8 @@ export class CreateMigrationControllerDialog {
const keys = await getMigrationControllerAuthKeys(this.migrationStateModel.azureAccount, subscription, resourceGroup, region, this.migrationStateModel.migrationController!.name);
this._copyKey1Button = this._view.modelBuilder.button().withProps({
label: constants.COPY_KEY
label: constants.COPY_KEY,
secondary: true
}).component();
this._copyKey1Button.onDidClick((e) => {
@@ -446,7 +449,8 @@ export class CreateMigrationControllerDialog {
});
this._copyKey2Button = this._view.modelBuilder.button().withProps({
label: constants.COPY_KEY
label: constants.COPY_KEY,
secondary: true
}).component();
this._copyKey2Button.onDidClick((e) => {

View File

@@ -32,6 +32,7 @@ export class IntergrationRuntimePage extends MigrationWizardPage {
const createNewController = view.modelBuilder.button().withProps({
label: constants.NEW,
width: '100px',
secondary: true
}).component();
createNewController.onDidClick((e) => {
@@ -53,7 +54,8 @@ export class IntergrationRuntimePage extends MigrationWizardPage {
this.startSetupButton = view.modelBuilder.button().withProps({
label: constants.CREATE,
width: '100px'
width: '100px',
secondary: true
}).component();
this.startSetupButton.onDidClick((e) => {
@@ -68,7 +70,8 @@ export class IntergrationRuntimePage extends MigrationWizardPage {
this.cancelSetupButton = view.modelBuilder.button().withProps({
label: constants.CANCEL,
width: '100px'
width: '100px',
secondary: true
}).component();
this.cancelSetupButton.onDidClick((e) => {