feat: refine demo with browser window, update veui

one/docs/demo/sidenav/collaspible.vue

@@ -1,23 +1,21 @@
 <template>
-<article>
+<veui-layout>
+  <veui-header>Header</veui-header>
   <veui-layout>
-    <veui-header>Header</veui-header>
+    <veui-sidebar collapsible>
+      <veui-sidenav
+        :items="items"
+        collapsible
+      />
+    </veui-sidebar>
     <veui-layout>
-      <veui-sidebar collapsible>
-        <veui-sidenav
-          :items="items"
-          collapsible
-        />
-      </veui-sidebar>
-      <veui-layout>
-        <veui-content>Content</veui-content>
-        <veui-footer style="background: #ccc;">
-          Footer（背景仅为演示）
-        </veui-footer>
-      </veui-layout>
+      <veui-content>Content</veui-content>
+      <veui-footer style="background: #ccc;">
+        Footer（背景仅为演示）
+      </veui-footer>
     </veui-layout>
   </veui-layout>
-</article>
+</veui-layout>
 </template>
 
 <script>
@@ -113,14 +111,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-article {
-  height: 100%;
-
-  & > .veui-layout {
-    min-width: 720px;
-  }
-}
-
 .veui-layout-header,
 .veui-layout-footer,
 .veui-layout-content {