fix: added visual aid and increased drag area when in layout mode

Signed-off-by: Craig Bassett <[email protected]>
fluidd-core · Apr 10, 2021 · 655204f · 655204f
1 parent 09db189
commit 655204f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/components/settings/VersionInformationDialog.vue b/src/components/settings/VersionInformationDialog.vue
@@ -171,7 +171,7 @@ export default class VersionInformationDialog extends Vue {
     }
   }
   .commit-table {
-    border: solid 1px #ccc;
+    border-bottom: thin solid rgba(map-get($shades, 'white'), 0.12);
     border-radius: 6px;
   }
 

diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container fluid class="constrained-width px-2 px-sm-4">
     <v-row class="mt-0 mt-sm-2">
-      <v-col cols="12" md="6" class="pt-0">
+      <v-col cols="12" md="6" class="pt-0" :class="{ 'drag': inLayout }">
         <klippy-status-card v-if="!klippyReady || hasWarnings"></klippy-status-card>
         <draggable
           v-if="container1"
@@ -22,7 +22,7 @@
           </transition-group>
         </draggable>
       </v-col>
-      <v-col cols="12" md="6" class="pt-0">
+      <v-col cols="12" md="6" class="pt-0" :class="{ 'drag': inLayout }">
         <draggable
           v-if="container2"
           class="list-group"
@@ -157,11 +157,19 @@ export default class Dashboard extends Mixins(StateMixin) {
   }
 
   .list-group {
-    min-height: 20px;
+    height: 100%;
 
     span {
       display: flex;
       flex-direction: column;
+      height: 100%;
+    }
+  }
+
+  .drag {
+    .list-group {
+      padding: 6px;
+      border: thin dashed rgba(map-get($shades, 'white'), 0.12);
     }
   }