fix ui bug when relocating shards

cars10 · Dec 21, 2024 · 421c185 · 421c185
1 parent 2cc65cf
commit 421c185
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 24 deletions.
diff --git a/src/assets/stylesheets/style.scss b/src/assets/stylesheets/style.scss
@@ -16,7 +16,6 @@
 @import 'theme/components/list';
 @import 'theme/components/reload_button';
 @import 'theme/components/resizable';
-@import 'theme/components/shards';
 @import 'theme/components/snackbar';
 @import 'theme/components/table';
 @import 'theme/components/text';

diff --git a/src/assets/stylesheets/theme/components/shards.css b/src/assets/stylesheets/theme/components/shards.css
diff --git a/src/components/shards/ShardsTable.vue b/src/components/shards/ShardsTable.vue
@@ -80,19 +80,19 @@
             :class="{marked: markedColumnIndex === i}"
             @mouseover="markColumn(i)"
             @mouseleave="unmarkColumn">
+          <div v-if="currentReroutingShard.index === col.name && currentReroutingShard.node !== row" class="flex">
+            <q-btn class="q-mx-sm q-my-md" @click="reroute(currentReroutingShard, row)" color="primary-dark">
+              {{ t('shards.shards_table.reroute.label', { node: row }) }}
+            </q-btn>
+          </div>
+
           <div class="flex">
             <index-shard v-for="(shard, j) in shards.shards?.[row]?.[col.name]"
                          :key="`${col.name}_actual_shard_${i}_${j}`"
                          :shard="shard"
                          :action="initReroute"
                          re-routable
                          :outlined="!(currentReroutingShard.index === col.name && currentReroutingShard.node === row && currentReroutingShard.shard === shard.shard)" />
-
-            <div v-if="currentReroutingShard.index === col.name && currentReroutingShard.node !== row">
-              <button class="shard-reroute-target" @click="reroute(currentReroutingShard, row)">
-                {{ t('shards.shards_table.reroute.label', { node: row }) }}
-              </button>
-            </div>
           </div>
         </td>
       </tr>