refactor: margins & clean

altai-ui · Nov 26, 2021 · 89f06ed · 89f06ed
1 parent e020e39
commit 89f06ed
Show file tree

Hide file tree

Showing 4 changed files with 71 additions and 80 deletions.
diff --git a/README.md b/README.md
@@ -21,7 +21,7 @@ Written on TypeScript with Composition API 🔥
 A component's library helping us build great products for our customers.
 This library for Vue 3.x
 
-[Storybook (live demo)](https://qvant-lab.github.io/qui-max/)
+[Storybook (live demo)](https://qui-max.netlify.app/?path=/story/intro--page)
 
 Qui for Vue 2.x is [here](https://github.com/Qvant-lab/qui)!
 

diff --git a/docs/.vuepress/public/QBreadcrumbs.html b/docs/.vuepress/public/QBreadcrumbs.html
@@ -1,27 +1,25 @@
 <html>
+  <head>
+    <meta charset="UTF-8" />
+    <!-- import CSS -->
+    <link rel="stylesheet" href="https://unpkg.com/@qvant/qui/dist/qui.css" />
+  </head>
 
-<head>
-  <meta charset="UTF-8" />
-  <!-- import CSS -->
-  <link rel="stylesheet" href="https://unpkg.com/@qvant/qui/dist/qui.css" />
-</head>
-
-<body>
-  <div id="app">
-    <div class="block">
-      <q-breadcrumbs :route="route" />
+  <body>
+    <div id="app">
+      <div class="block">
+        <q-breadcrumbs :route="route" />
+      </div>
     </div>
-  </div>
-</body>
-<!-- import Vue before Qui -->
-<script src="https://unpkg.com/vue@next"></script>
-<!-- import JavaScript -->
-<script src="https://unpkg.com/@qvant/qui-max@latest"></script>
-<script>
-  const app = Vue.createApp({
-    setup() {
-      const route = Vue.computed(() => {  
-        return [
+  </body>
+  <!-- import Vue before Qui -->
+  <script src="https://unpkg.com/vue@next"></script>
+  <!-- import JavaScript -->
+  <script src="https://unpkg.com/@qvant/qui-max@latest"></script>
+  <script>
+    const app = Vue.createApp({
+      setup() {
+        const route = [
           {
             path: 'path-a',
             name: 'ROUTE_A',
@@ -44,23 +42,21 @@
             }
           },
         ];
-      });
-
-      return { route }
-    }
-  });
 
-  const Qui = window['qui-max'].default;
-  app.use(Qui);
-  app.mount('#app');
-</script>
-<style>
-  .block {
-    margin: 20px;
-    width: 450px;
-    display: flex;
-    flex-direction: column;
-  }
-</style>
+        return { route }
+      }
+    });
 
-</html>
+    const Qui = window['qui-max'].default;
+    app.use(Qui);
+    app.mount('#app');
+  </script>
+  <style>
+    .block {
+      margin: 20px;
+      width: 450px;
+      display: flex;
+      flex-direction: column;
+    }
+  </style>
+</html>
diff --git a/docs/.vuepress/public/QBreadcrumbs[last].html b/docs/.vuepress/public/QBreadcrumbs[last].html
@@ -1,27 +1,25 @@
 <html>
+  <head>
+    <meta charset="UTF-8" />
+    <!-- import CSS -->
+    <link rel="stylesheet" href="https://unpkg.com/@qvant/qui/dist/qui.css" />
+  </head>
 
-<head>
-  <meta charset="UTF-8" />
-  <!-- import CSS -->
-  <link rel="stylesheet" href="https://unpkg.com/@qvant/qui/dist/qui.css" />
-</head>
-
-<body>
-  <div id="app">
-    <div class="block">
-      <q-breadcrumbs :route="route" last="Custom String" />
+  <body>
+    <div id="app">
+      <div class="block">
+        <q-breadcrumbs :route="route" last="Custom String" />
+      </div>
     </div>
-  </div>
-</body>
-<!-- import Vue before Qui -->
-<script src="https://unpkg.com/vue@next"></script>
-<!-- import JavaScript -->
-<script src="https://unpkg.com/@qvant/qui-max@latest"></script>
-<script>
-  const app = Vue.createApp({
-    setup() {
-      const route = Vue.computed(() => {
-        return [
+  </body>
+  <!-- import Vue before Qui -->
+  <script src="https://unpkg.com/vue@next"></script>
+  <!-- import JavaScript -->
+  <script src="https://unpkg.com/@qvant/qui-max@latest"></script>
+  <script>
+    const app = Vue.createApp({
+      setup() {
+        const route = [
           {
             path: 'path-a',
             name: 'ROUTE_A',
@@ -44,23 +42,21 @@
             }
           },
         ];
-      });
-
-      return { route }
-    }
-  });
 
-  const Qui = window['qui-max'].default;
-  app.use(Qui);
-  app.mount('#app');
-</script>
-<style>
-  .block {
-    margin: 20px;
-    width: 450px;
-    display: flex;
-    flex-direction: column;
-  }
-</style>
+        return { route }
+      }
+    });
 
-</html>
+    const Qui = window['qui-max'].default;
+    app.use(Qui);
+    app.mount('#app');
+  </script>
+  <style>
+    .block {
+      margin: 20px;
+      width: 450px;
+      display: flex;
+      flex-direction: column;
+    }
+  </style>
+</html>
diff --git a/docs/components/QBreadcrumbs.md b/docs/components/QBreadcrumbs.md
@@ -120,4 +120,3 @@ Changes last crumb with custom string
 ```
 
 <iframe height="80" style="width: 100%;" scrolling="no" frameborder="no" src="/qui-max/QBreadcrumbs[last].html"></iframe>
-
Original file line number	Diff line number	Diff line change
Expand Up		@@ -120,4 +120,3 @@ Changes last crumb with custom string
		```

		<iframe height="80" style="width: 100%;" scrolling="no" frameborder="no" src="/qui-max/QBreadcrumbs[last].html"></iframe>