chore(react): update InfiniteGrid version (#107)

* feat(react): update infinitegrid * demo(infiniteGrid): add drag demo
naver · Feb 19, 2018 · 14e2a23 · 14e2a23
1 parent dbb9153
commit 14e2a23
Show file tree

Hide file tree

Showing 9 changed files with 27,765 additions and 180 deletions.
diff --git a/demo/assets/html/drag.html b/demo/assets/html/drag.html
@@ -0,0 +1,42 @@
+
+<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+<div class="github" style="position:absolute; width: 45px; height: 45px; z-index:10;top: 10px; right: 15px;">
+        <a href="https://github.com/naver/egjs-infinitegrid/tree/master/packages/react-layout" target="_blank"><img src="../../common/image/github.png" alt="github" style="width: 100%; height: 100%; border-radius: 50%; "></a>
+    </div>
+<div class="demobox">
+    <h1>
+        React JustifiedLayout DragEvent
+    </h1>
+    <div id="__react-content"></div>
+</div>
+
+<style>
+    #__react-content {
+        position: relative;
+    }
+    .item {
+        position: absolute;
+        width: 200px;
+        overflow: hidden;
+
+        transition: all ease 1s;
+    }
+    .item .thumbnail {
+        /* max-height: 300px; */
+        overflow: hidden;
+        /* border-radius: 8px; */
+        padding: 0;
+        border: 0;
+    }
+    .item .thumbnail img {
+        width: 100%;
+    }
+    .item .info {
+        margin-top: 10px;
+        font-weight: bold;
+        color: #777;
+    }
+</style>
+
+<script src="../js/drag.js"></script>
+