imp(styles): improve create rule form styles

codex-team · Feb 1, 2025 · 9b7caa8 · 9b7caa8
1 parent a4f591c
commit 9b7caa8
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/src/components/project/settings/NotificationsAddRule.vue b/src/components/project/settings/NotificationsAddRule.vue
@@ -61,7 +61,10 @@
             :options="receiveTypes"
           >
           <template #description="{ option }">
-              <div v-if="option.id === receiveTypesEnum.SEEN_MORE">
+              <div 
+                v-if="option.id === receiveTypesEnum.SEEN_MORE"
+                class="grid-form__seen-more-description"
+              >
                 <TextFieldset
                   v-model="selectedThreshold"
                   type="number"
@@ -514,5 +517,20 @@ export default Vue.extend({
       margin-top: 30px;
       margin-right: 20px;
     }
+
+    &__seen-more-description {
+      display: flex;
+      gap: 10px;
+
+      .form-fieldset__label, .custom-select__label {
+        font-weight: 400;
+        font-size: 13px;
+        text-transform: none;
+      }
+
+      .custom-select {
+        min-width: 100px;
+      }
+    }
   }
 </style>
diff --git a/src/types/project-notifications.ts b/src/types/project-notifications.ts
@@ -47,7 +47,7 @@ export interface ProjectNotificationsRule {
   /**
    * Period to receive notification
    */
-  thresholdPeriod?: NotificationTresholdPeriodEnum;
+  thresholdPeriod?: number;
 }
 
 /**
-Original file line number
+Diff line change
@@ Expand Up / @@ -47,7 +47,7 @@ export interface ProjectNotificationsRule { @@
       /**
        * Period to receive notification
        */
-      thresholdPeriod?: NotificationTresholdPeriodEnum;
+      thresholdPeriod?: number;
     }
     /**
@@ Expand Down @@