add the grid guides for demo page

kirillmurashov · Oct 13, 2022 · aba4afc · aba4afc
1 parent d44a711
commit aba4afc
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/demo/app.vue b/src/demo/app.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="app">
-        <div class="list" id="list">
+        <div class="list grid" id="list">
             <VueDragResize v-for="(rect, index) in rects"
                            :key="index"
                            :w="rect.width"
@@ -66,6 +66,12 @@
         background-color: white;
     }
 
+    /* grid of the main panel */
+    .list.grid{
+        background-image: linear-gradient(chocolate 1px,transparent 1px),linear-gradient(90deg,chocolate 1px,transparent 1px);
+        background-size: 50px 50px;
+    }
+
     .box-shaddow {
         box-shadow:  10px 10px 15px 0px rgba(125,125,125,1);
     }
@@ -133,4 +139,4 @@
             }
         }
     }
-</script>
+</script>