feat: add responsive storybook with form. remove demo

guastallaigor · Jul 19, 2020 · db81828 · db81828
1 parent 1950dc9
commit db81828
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/.storybook/storybook.css b/.storybook/storybook.css
@@ -132,9 +132,15 @@ body,
   justify-content: space-between;
   align-items: center;
 }
+@media screen and (max-width: 759px) {
+  .card-list {
+    flex-flow: column nowrap;
+    margin-top: 200px;
+  }
+}
 @media screen and (max-width: 480px) {
   .card-list {
-    margin-bottom: -120px;
+    margin-bottom: 0;
   }
 }
 .card-input {

diff --git a/README.md b/README.md
@@ -33,10 +33,6 @@ So this project is the Card component from there, but with some differences:
 4. The prop `labels` was added, so we don't need any i18n library;
 5. This project has a development environment using [Storybook](https://storybook.js.org/docs/guides/guide-vue/), [Github Actions](https://github.com/features/actions), etc.
 
-## Demo
-
-> TODO
-
 ## Storybook
 
 Go to https://vue-paycard.netlify.app