Custom Installation and staking widget (stereum-dev#1458)

* add the new icon for holesky * update the custom installation
NeoPlays · Sep 19, 2023 · 234d3c4 · 234d3c4
1 parent e250339
commit 234d3c4
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 20 deletions.
diff --git a/launcher/public/img/icon/control/ho_currency_symbol.png b/launcher/public/img/icon/control/ho_currency_symbol.png
diff --git a/launcher/src/components/UI/custom-installation/CustomPage.vue b/launcher/src/components/UI/custom-installation/CustomPage.vue
@@ -8,21 +8,6 @@
         <div class="text-container">
           <span>{{ $t("customInstallation.customInstallationText") }}</span>
         </div>
-        <div class="path-container">
-          <div class="path-title">
-            <span>{{ $t("customInstallation.chooseWhereToInstall") }}:</span>
-          </div>
-          <div class="textbox-cont">
-            <div class="textbox-cont_front">
-              <div class="textbox-title">
-                <span>{{ $t("customInstallation.installationPath") }}</span>
-              </div>
-              <div class="textbox">
-                <input v-model="installPath" type="text" placeholder="/opt/stereum" />
-              </div>
-            </div>
-          </div>
-        </div>
         <div class="select-network">
           <div class="path-title network">
             <span>choose a network</span>
@@ -41,6 +26,21 @@
             </div>
           </div>
         </div>
+        <div class="path-container">
+          <div class="path-title">
+            <span>{{ $t("customInstallation.chooseWhereToInstall") }}:</span>
+          </div>
+          <div class="textbox-cont">
+            <div class="textbox-cont_front">
+              <div class="textbox-title">
+                <span>{{ $t("customInstallation.installationPath") }}</span>
+              </div>
+              <div class="textbox">
+                <input v-model="installPath" type="text" placeholder="/opt/stereum" />
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
     <router-link class="back" to="/welcome">{{ $t("installOption.back") }} </router-link>
@@ -123,6 +123,7 @@ export default {
   width: 100%;
   height: 100%;
   position: relative;
+  cursor: default;
 }
 
 .customInstall_header {
@@ -174,7 +175,7 @@ export default {
 
 .text-container {
   width: 100%;
-  height: 35%;
+  height: 33%;
   padding: 3% 4%;
   display: flex;
   justify-content: center;
@@ -193,7 +194,7 @@ export default {
 }
 .select-network {
   width: 100%;
-  height: 30%;
+  height: 28%;
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -239,14 +240,16 @@ export default {
 }
 .network-dropdown {
   width: 55%;
-  height: 33%;
-  top: 79%;
+  height: 40%;
+  top: 55%;
   background: #1258a2;
   position: absolute;
+  border-radius: 0 0 10px 10px;
+  overflow: hidden;
 }
 .networks {
   width: 100%;
-  height: 25%;
+  height: 20%;
   display: flex;
   justify-content: center;
   align-items: center;

diff --git a/launcher/src/components/UI/the-control/TheStaking.vue b/launcher/src/components/UI/the-control/TheStaking.vue
@@ -116,6 +116,9 @@ export default {
         case 4:
           this.selectedCurrency = "/img/icon/control/gno_currency_symbol.png";
           break;
+        case 5:
+          this.selectedCurrency = "/img/icon/control/ho_currency_symbol.png";
+          break;
         default:
           break;
       }
-Original file line number
+Diff line change
@@ Expand Up / @@ -116,6 +116,9 @@ export default { @@
             case 4:
               this.selectedCurrency = "/img/icon/control/gno_currency_symbol.png";
               break;
+            case 5:
+              this.selectedCurrency = "/img/icon/control/ho_currency_symbol.png";
+              break;
             default:
               break;
           }
@@ Expand Down @@