Style(Domains): reorder address feilds to be ip then port (#3643)

threefoldtech · Nov 14, 2024 · bf66d67 · bf66d67
1 parent 2e58417
commit bf66d67
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/packages/playground/src/weblets/tf_domains.vue b/packages/playground/src/weblets/tf_domains.vue
@@ -29,16 +29,6 @@
           <TfSelectionDetails disable-node-selection require-domain use-fqdn v-model="selectionDetails" />
         </div>
 
-        <input-tooltip tooltip="The port used to access the machine.">
-          <input-validator
-            :value="port"
-            :rules="[validators.required('Port is required.'), validators.isPort('Please provide a valid port.')]"
-            #="{ props }"
-          >
-            <v-text-field label="Port" v-model.number="port" type="number" v-bind="props" />
-          </input-validator>
-        </input-tooltip>
-
         <input-tooltip
           tooltip="User's machine's IP: It could be Mycelium IP, Yggdrasil IP, or a public IP (IPv4 or IPv6)."
         >
@@ -55,6 +45,16 @@
           </input-validator>
         </input-tooltip>
 
+        <input-tooltip tooltip="The port used to access the machine.">
+          <input-validator
+            :value="port"
+            :rules="[validators.required('Port is required.'), validators.isPort('Please provide a valid port.')]"
+            #="{ props }"
+          >
+            <v-text-field label="Port" v-model.number="port" type="number" v-bind="props" />
+          </input-validator>
+        </input-tooltip>
+
         <input-tooltip
           tooltip="When enabled, the backend service will terminate the TLS traffic, otherwise the gateway service will do the TLS traffic termination."
           inline