fix the notification modal inputs bug (#1503)

stereum-dev · Oct 23, 2023 · edffaa2 · edffaa2
1 parent 89dffca
commit edffaa2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/launcher/src/components/UI/node-header/IconsNav.vue b/launcher/src/components/UI/node-header/IconsNav.vue
@@ -1,10 +1,11 @@
 <template>
-  <div class="icons-box" @mousedown.prevent>
+  <div class="icons-box">
     <div
       class="icon-btn"
       @click="supportModalOpen"
       @mouseenter="cursorLocation = `${help}`"
       @mouseleave="cursorLocation = ''"
+      @mousedown.prevent
     >
       <img alt="help" src="/img/icon/header-icons/question-mark.png" />
     </div>
@@ -14,6 +15,7 @@
       @click="notifModalOpen"
       @mouseenter="cursorLocation = `${notif}`"
       @mouseleave="cursorLocation = ''"
+      @mousedown.prevent
     >
       <img alt="notification" src="/img/icon/header-icons/megaphone9.png" />
     </div>
@@ -23,6 +25,7 @@
       @click="updateModalHandler"
       @mouseenter="cursorLocation = `${availableUpdt}`"
       @mouseleave="cursorLocation = ''"
+      @mousedown.prevent
     >
       <img alt="update-icon" src="/img/icon/header-icons/update-green.png" />
     </div>
@@ -33,6 +36,7 @@
       @mouseover="showUpdateText = true"
       @mouseenter="cursorLocation = `${updtPan}`"
       @mouseleave="(showUpdateText = false), (cursorLocation = '')"
+      @mousedown.prevent
     >
       <img alt="update-icon" src="/img/icon/header-icons/update-blue.png" />
     </div>
@@ -42,6 +46,7 @@
       class="icon-btn"
       @mouseenter="cursorLocation = `${setting}`"
       @mouseleave="cursorLocation = ''"
+      @mousedown.prevent
     >
       <div>
         <img alt="setting" src="/img/icon/header-icons/setting4.png" />
@@ -53,6 +58,7 @@
       @click="logoutModalHandler"
       @mouseenter="cursorLocation = `${logOutBtn}`"
       @mouseleave="cursorLocation = ''"
+      @mousedown.prevent
     >
       <img alt="logout" src="/img/icon/header-icons/exit9.png" />
     </div>

diff --git a/launcher/src/components/UI/node-header/NotifModal.vue b/launcher/src/components/UI/node-header/NotifModal.vue
@@ -135,12 +135,11 @@ export default {
     },
     async applyBeaconChain() {
       //to apply the beaconchain dashboard
-      await ControlService.beaconchainMonitoringModification(
-        {
-          machineName: this.machineName,
-          apiKey: this.apiKey,
-          selectedVal: this.selectedVal,
-        });
+      await ControlService.beaconchainMonitoringModification({
+        machineName: this.machineName,
+        apiKey: this.apiKey,
+        selectedVal: this.selectedVal,
+      });
     },
     qrViewer() {
       this.qrPage = !this.qrPage;
@@ -370,13 +369,14 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
+  font-weight: 600;
 }
 .enter-input_input input {
   width: 100%;
   height: 60%;
   border-radius: 10px;
   border: none;
-  padding-left: 1%;
+  padding-left: 2%;
 }
 .apply-btn {
   width: 30%;