[webapp] update alert notice modal item span (#630)

apache · Jan 16, 2024 · a89f4a1 · a89f4a1
1 parent 5f239be
commit a89f4a1
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/web-app/src/app/routes/alert/alert-notice/alert-notice.component.html b/web-app/src/app/routes/alert/alert-notice/alert-notice.component.html
@@ -355,13 +355,13 @@
     <form nz-form #ruleForm="ngForm">
       <nz-form-item>
         <nz-form-label [nzSpan]="7" nzFor="rule_name" nzRequired="true">{{ 'alert.notice.rule.name' | i18n }}</nz-form-label>
-        <nz-form-control [nzSpan]="10" [nzErrorTip]="'validation.required' | i18n">
+        <nz-form-control [nzSpan]="12" [nzErrorTip]="'validation.required' | i18n">
           <input [(ngModel)]="rule.name" nz-input required name="rule_name" type="text" id="rule_name" />
         </nz-form-control>
       </nz-form-item>
       <nz-form-item>
         <nz-form-label nzSpan="7" nzRequired="true" nzFor="receiver">{{ 'alert.notice.receiver.people' | i18n }}</nz-form-label>
-        <nz-form-control nzSpan="10" [nzErrorTip]="'validation.required' | i18n">
+        <nz-form-control nzSpan="12" [nzErrorTip]="'validation.required' | i18n">
           <nz-select
             [(ngModel)]="rule.receiverId"
             (nzOpenChange)="loadReceiversOption()"
@@ -378,13 +378,13 @@
       </nz-form-item>
       <nz-form-item>
         <nz-form-label nzSpan="7" nzRequired="true" nzFor="filterAll">{{ 'alert.notice.rule.all' | i18n }}</nz-form-label>
-        <nz-form-control nzSpan="10">
+        <nz-form-control nzSpan="12">
           <nz-switch [(ngModel)]="rule.filterAll" name="filterAll" id="filterAll"></nz-switch>
         </nz-form-control>
       </nz-form-item>
       <nz-form-item *ngIf="!rule.filterAll">
         <nz-form-label nzSpan="7" nzFor="tags">{{ 'alert.notice.rule.tag' | i18n }}</nz-form-label>
-        <nz-form-control nzSpan="10">
+        <nz-form-control nzSpan="12">
           <nz-select
             [(ngModel)]="filterTags"
             (nzOpenChange)="loadTagsOption()"
@@ -404,7 +404,7 @@
       </nz-form-item>
       <nz-form-item *ngIf="!rule.filterAll">
         <nz-form-label nzSpan="7" nzFor="priorities">{{ 'alert.notice.rule.priority' | i18n }}</nz-form-label>
-        <nz-form-control nzSpan="10">
+        <nz-form-control nzSpan="12">
           <nz-select
             [(ngModel)]="rule.priorities"
             [nzDisabled]="rule.filterAll"
@@ -426,7 +426,7 @@
       </nz-form-item>
       <nz-form-item>
         <nz-form-label nzSpan="7" nzFor="isLimit">{{ 'alert.notice.rule.period' | i18n }}</nz-form-label>
-        <nz-form-control nzSpan="10">
+        <nz-form-control nzSpan="12">
           <nz-switch
             [(ngModel)]="isLimit"
             (ngModelChange)="onNoticeRuleLimitChange(isLimit)"
@@ -439,7 +439,7 @@
       </nz-form-item>
       <nz-form-item *ngIf="isLimit">
         <nz-form-label nzSpan="7" nzFor="days">{{ 'alert.notice.rule.period-chose' | i18n }}</nz-form-label>
-        <nz-form-control nzSpan="10">
+        <nz-form-control nzSpan="12">
           <nz-checkbox-group
             name="days"
             id="days"
@@ -450,15 +450,15 @@
       </nz-form-item>
       <nz-form-item>
         <nz-form-label nzSpan="7" nzFor="time">{{ 'alert.notice.rule.time' | i18n }}</nz-form-label>
-        <nz-form-control nzSpan="10">
+        <nz-form-control nzSpan="12">
           <nz-time-picker [(ngModel)]="rule.periodStart" nzFormat="HH:mm" name="periodStart" id="periodStart"></nz-time-picker>
           <span nz-icon nzType="right-circle" nzTheme="outline" style="margin-right: 6px; margin-left: 6px"></span>
           <nz-time-picker [(ngModel)]="rule.periodEnd" nzFormat="HH:mm" name="periodEnd" id="periodEnd"></nz-time-picker>
         </nz-form-control>
       </nz-form-item>
       <nz-form-item>
         <nz-form-label nzSpan="7" nzRequired="true" nzFor="enable">{{ 'alert.notice.rule.enable' | i18n }}</nz-form-label>
-        <nz-form-control nzSpan="10">
+        <nz-form-control nzSpan="12">
           <nz-switch [(ngModel)]="rule.enable" name="enable" id="enable"></nz-switch>
         </nz-form-control>
       </nz-form-item>