Small changes to deploy

resources/js/components/SvgIcon.vue

@@ -0,0 +1,25 @@
+<script setup>
+  import { shallowRef } from 'vue'
+
+  const props = defineProps({
+    src: {
+      type: Object,
+      required: true
+    },
+    color: {
+      type: Object,
+      required: false
+    }
+  })
+
+  let svgComponent = shallowRef(null)
+
+  props.src
+    .then((module) => {
+      svgComponent.value = module.default
+    })
+</script>
+
+<template>
+  <component :is="svgComponent" fill-class-name="blue" />
+</template>

resources/js/layouts/MainLayout.vue

@@ -1,21 +1,18 @@
 <template>
     <q-layout view="lHh Lpr lFf">
         <q-header elevated>
-            <q-toolbar>
-                <q-btn
-                    flat
-                    dense
-                    round
-                    icon="menu"
-                    aria-label="Menu"
-                    @click="toggleLeftDrawer"
-                />
+            <q-toolbar class="bg-teal-4 ">
+                <q-btn flat dense round icon="menu" aria-label="Menu" @click="toggleLeftDrawer" class="q-mr-md" />
+                <SvgIcon fill="rgb(29 78 216)" :src="import('@/Data/tis_full-1.svg')" class="q-mr-sm" />
 
-                <q-toolbar-title>Register pravinickych osob TISK</q-toolbar-title>
+                <q-toolbar-title>Register právinických osôb </q-toolbar-title>
 
                 <div>Quasar v{{ $q.version }}</div>
             </q-toolbar>
         </q-header>
+        <q-icon class="text-dark" size="lg">
+
+        </q-icon>
 
         <q-page-container>
             <slot />
@@ -26,6 +23,8 @@
 <script>
 import { defineComponent, ref } from "vue";
 import EssentialLink from "../components/EssentialLink.vue";
+import SvgIcon from "../components/SvgIcon.vue";
+
 
 const linksList = [
     {
@@ -59,6 +58,7 @@ export default defineComponent({
 
     components: {
         EssentialLink,
+        SvgIcon,
     },
 
     setup() {