Fotogalerie se zoomem, uprava verejnych avataru

src/layouts/ProfileLayout.vue

@@ -15,11 +15,9 @@
           {{ pageTitle || "Polétání.cz" }}
         </q-toolbar-title>
 
-         <router-link :to="{name: 'profile'}">
-            <q-avatar>
-              <img :src="loggedUser.avatarImageUrl" alt=""/>
-            </q-avatar>
-          </router-link>
+        <router-link :to="{name: 'profile'}">
+          <AvatarFromPhoto :size="32" :src="loggedUser.avatarImageUrl"/>
+        </router-link>
 
       </q-toolbar>
     </q-header>
@@ -31,14 +29,6 @@
     >
 
       <q-img class="absolute-top" :src="loggedUser.titleImageUrl" style="height: 150px">
-<!--        <div class="absolute-bottom bg-transparent">-->
-<!--          <router-link :to="{name: 'profile'}">-->
-<!--            <q-avatar size="56px" class="q-mb-sm" v-if="loggedUser.avatarImageUrl">-->
-<!--              <q-img :src="loggedUser.avatarImageUrl"/>-->
-<!--            </q-avatar>-->
-<!--            <q-avatar icon="person" color="primary" text-color="white" size="56px" v-else/>-->
-<!--          </router-link>-->
-<!--        </div>-->
       </q-img>
       <q-scroll-area style="height: calc(100% - 150px); margin-top: 150px; border-right: 1px solid #ddd">
         <q-list class="q-my-lg">
@@ -68,6 +58,7 @@ import {storeToRefs} from "pinia";
 import BreadcrumbsNavigation from "components/BreadcrumbsNavigation.vue";
 import {useAppStore} from "stores/App";
 import {useMeta} from "quasar";
+import AvatarFromPhoto from "components/AvatarFromPhoto.vue";
 
 const {pageTitle, breadcrumbs} = storeToRefs(useAppStore());
 useMeta(() => ({