From a024ab3987d837bd2ef55cd53a9dddc3a8cf27f3 Mon Sep 17 00:00:00 2001 From: rrr-marble Date: Mon, 1 Aug 2022 11:27:34 +0300 Subject: [PATCH] add: mosaic view active schema --- public/index.html | 2 +- src/components/ActiveSchemaScreen.vue | 26 ++++++++++++++++++-------- src/main.js | 4 ++++ 3 files changed, 23 insertions(+), 9 deletions(-) diff --git a/public/index.html b/public/index.html index 45cc668..3128e22 100644 --- a/public/index.html +++ b/public/index.html @@ -7,7 +7,7 @@ - Vue 3 course + Geoshop diff --git a/src/components/ActiveSchemaScreen.vue b/src/components/ActiveSchemaScreen.vue index cc2e76f..0e51af2 100644 --- a/src/components/ActiveSchemaScreen.vue +++ b/src/components/ActiveSchemaScreen.vue @@ -20,6 +20,14 @@ + +
+
+ + {{ header }} + +
+
@@ -63,7 +71,7 @@ export default defineComponent({ "list-view", "mosaic-view", ], - selectedOption: "list-view" + selectedOption: "mosaic-view" } }, }) @@ -75,14 +83,16 @@ export default defineComponent({ margin: 1rem; } -/* .header-list { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} */ - .header-item { padding: 0.5rem; } + +.card-row { + display: flex; + flex-wrap: wrap; +} + +.card-item { + margin: 1rem; +} \ No newline at end of file diff --git a/src/main.js b/src/main.js index 668ba4c..3e0c946 100644 --- a/src/main.js +++ b/src/main.js @@ -19,6 +19,8 @@ import { VaListItem, VaListItemSection, VaListItemLabel, + VaCard, + VaCardContent } from 'vuestic-ui' import 'vuestic-ui/styles/essential.css' import 'vuestic-ui/styles/grid.css' @@ -48,6 +50,8 @@ app.use(createVuesticEssential({ VaListItem, VaListItemSection, VaListItemLabel, + VaCard, + VaCardContent } }));