fix: responsive (#55)

GalaxyPay · Jan 17, 2025 · 68146a7 · 68146a7
1 parent a860e98
commit 68146a7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/webui/src/components/Manage.vue b/webui/src/components/Manage.vue
@@ -2,9 +2,9 @@
   <v-btn
     variant="tonal"
     color="primary"
-    block
     :append-icon="mdiChevronDown"
     :disabled="loading"
+    :width="230"
   >
     Manage
     <v-menu activator="parent" bottom scrim>

diff --git a/webui/src/components/Node.vue b/webui/src/components/Node.vue
@@ -2,7 +2,7 @@
   <div v-if="nodeStatus">
     <v-progress-linear indeterminate v-show="loading" class="mb-n1" />
     <v-container class="pl-5" fluid>
-      <v-row justify="center">
+      <v-row>
         <v-col cols="12" sm="6" md="3">
           <div class="py-1">
             <v-badge floating dot class="mx-3 mb-1" :color="createdColor" />
@@ -113,7 +113,13 @@
             </div>
             <div>Online Stake</div>
           </v-col>
-          <v-col cols="6" md="3" class="text-center">
+          <v-col
+            cols="12"
+            sm="6"
+            md="3"
+            class="text-center"
+            align-self="center"
+          >
             <div class="text-h4">
               {{
                 partDetails?.votes == null