add: mosaic view active schema

4 years ago · a01721a763
parent 2f990a0b39
commit a01721a763
3 changed files with 23 additions and 9 deletions
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@ -7,7 +7,7 @@
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <title>Vue 3 course</title>
+  <title>Geoshop</title>
 </head>
 <body>
--- a/frontend/src/components/ActiveSchemaScreen.vue
+++ b/frontend/src/components/ActiveSchemaScreen.vue
@ -20,6 +20,14 @@
                </va-list-item-section>
            </va-list-item>
        </va-list>
        <div v-else class="card-row">
            <div class="card-item flex lg4" v-for="(_, header, index) in items[0]" :key="index">
                <va-card :bordered="false">
                    <va-card-content>{{ header }}</va-card-content>
                </va-card>
            </div>
        </div>
    </div>
 </template>
@ -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;
 }
 </style>
--- a/frontend/src/main.js
+++ b/frontend/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
    }
 }));