Dockerfile, nastrel verejne casti

src/pages/public/PilotProfilePage.vue

@@ -39,6 +39,7 @@ const flights = storeToRefs(useFlightsStore()).items;
 
 <template>
   <FlightsListSkeleton v-if="loading || !pilot"/>
+
   <div class="row" v-else>
     <div class="col">
       <q-banner class="bg-primary text-white" v-if="flights.length === 0">
@@ -52,19 +53,24 @@ const flights = storeToRefs(useFlightsStore()).items;
           :route-detail="{name: 'publicFlightDetail', params: {username: username}}"
         />
       </template>
-
     </div>
     <div class="col-4 sm-hide">
-      <div class="text-center">
-        <AvatarFromPhoto :size="150" :src="pilot.avatarImageUrl"/>
-      </div>
+      <q-card class="q-mr-md" flat>
+        <q-img :src="pilot.titleImageUrl" v-if="pilot.titleImageUrl"/>
+        <q-card-section>
+          <div class="text-center" :style="`margin-top: ${pilot.titleImageUrl ? '-100' : '0'}px`">
+            <AvatarFromPhoto :size="150" :src="pilot.avatarImageUrl" v-if="pilot.avatarImageUrl" class="q-mb-sm"/>
+            <div class="text-h3">{{ pilot.name }}</div>
+            <div class="text-subtitle1 text-weight-thin">
+            Registrován: {{ formatDatetime(pilot.createdAt, FORMAT_DATE) }}
+          </div>
+          </div>
 
-      <h3>{{ pilot.name }}</h3>
-      <div class="text-subtitle1">
-        Registrován: {{ formatDatetime(pilot.createdAt, FORMAT_DATE) }}
-      </div>
 
-      <div class="q-my-lg" v-html="pilot.description"/>
+
+          <div class="q-my-lg" v-html="pilot.description"/>
+        </q-card-section>
+      </q-card>
     </div>
 
   </div>