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 @@
+
+
@@ -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
}
}));