Fotogalerie se zoomem, uprava verejnych avataru

src/pages/public/PilotProfilePage.vue

@@ -8,6 +8,7 @@ import {useFlightsStore} from "stores/Flights";
 import {storeToRefs} from "pinia";
 import FlightsListSkeleton from "components/flights/FlightsListSkeleton.vue";
 import FlightsList from "components/flights/FlightsList.vue";
+import AvatarFromPhoto from "components/AvatarFromPhoto.vue";
 
 const props = defineProps({
   loggedUser: {
@@ -55,9 +56,7 @@ const flights = storeToRefs(useFlightsStore()).items;
     </div>
     <div class="col-4 sm-hide">
       <div class="text-center">
-        <q-avatar size="150px">
-          <img :src="pilot.avatarImageUrl" alt="">
-        </q-avatar>
+        <AvatarFromPhoto :size="150" :src="pilot.avatarImageUrl"/>
       </div>
 
       <h3>{{ pilot.name }}</h3>