Merge pull request #2877 from threefoldtech/dev_fix_node_card_style

Fix Reserve Btn Color & Text Alignment in Node Card Title & Subtitle
threefoldtech · Jun 5, 2024 · 2b7ab4e · 2b7ab4e
2 parents 89f8a0c + 4ee970b
commit 2b7ab4e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/playground/src/components/node_selector/TfNodeDetailsCard.vue b/packages/playground/src/components/node_selector/TfNodeDetailsCard.vue
@@ -1,6 +1,6 @@
 <template>
   <VCard
-    class="tf-node-card rounded-0 w-100 pb-3"
+    class="tf-node-card rounded-0 w-100 pb-3 text-left"
     :class="{ 'selected-node': status !== 'Init' }"
     :color="
       status === 'Valid'

diff --git a/packages/playground/src/dashboard/components/reserve_action_btn.vue b/packages/playground/src/dashboard/components/reserve_action_btn.vue
@@ -21,6 +21,7 @@
       v-if="node.rentedByTwinId === 0"
       :disabled="disableButton || hasInsufficientBalance"
       @click.stop="reserveNode"
+      color="primary"
     >
       Reserve
     </v-btn>