Uprava error stranek, indexu
This commit is contained in:
@@ -7,6 +7,7 @@ import {onMounted} from "vue";
|
||||
import {useFlightsStore} from "stores/Flights";
|
||||
import {storeToRefs} from "pinia";
|
||||
import TimelineDescription from "components/indexPage/TimelineDescription.vue";
|
||||
import IntroBlock from "components/indexPage/IntroBlock.vue";
|
||||
|
||||
useMeta(() => metaData({
|
||||
title: "Polétání.cz",
|
||||
@@ -21,7 +22,7 @@ const {flights, isQueryRunning} = storeToRefs(useFlightsStore());
|
||||
<template>
|
||||
<q-layout view="lHh Lpr fff">
|
||||
|
||||
<q-header class="bg-semi-transparent text-black" elevated>
|
||||
<q-header>
|
||||
<q-toolbar>
|
||||
<q-toolbar-title>
|
||||
Polétání.cz
|
||||
@@ -34,22 +35,8 @@ const {flights, isQueryRunning} = storeToRefs(useFlightsStore());
|
||||
|
||||
<q-page-container class="q-py-none">
|
||||
<q-page>
|
||||
<div class="row q-mx-md">
|
||||
<div class="col col-md-6">
|
||||
<div class="info-box bg-semi-transparent q-mx-lg q-py-lg q-px-lg rounded-borders">
|
||||
<div class="text-h3 text-center q-my-lg">Fotogalerie ze vzduchu</div>
|
||||
|
||||
<p>Polétání.cz je aplikace pro piloty, kteří si chtějí spravovat fotografie ze svých výletů, zobrazovat je na mapě a ukládat si trasy svých výletů.</p>
|
||||
|
||||
<div class="text-center q-my-lg">
|
||||
<q-btn size="xl" :to="{name: 'registration'}" rounded color="secondary">Založit účet</q-btn>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 text-center">
|
||||
<q-img src="hp/app_screenshot.png" fit="contain" class="app-screen" alt="Nahled aplikace"/>
|
||||
</div>
|
||||
</div>
|
||||
<IntroBlock/>
|
||||
|
||||
<h3 class="text-center">Poslední lety</h3>
|
||||
<LatestFlightsSlider :items="flights"/>
|
||||
@@ -59,26 +46,9 @@ const {flights, isQueryRunning} = storeToRefs(useFlightsStore());
|
||||
<TimelineDescription/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</q-page>
|
||||
</q-page-container>
|
||||
<AppFooter />
|
||||
<AppFooter/>
|
||||
</q-layout>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
.bg-semi-transparent {
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.info-box {
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
.app-screen {
|
||||
max-height: 85vh;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
<script>
|
||||
import {usePilotsStore} from "stores/Pilots";
|
||||
import {useAppStore} from "stores/App";
|
||||
|
||||
export default {
|
||||
preFetch({store, currentRoute}) {
|
||||
return usePilotsStore(store).fetchPublicPilotDetail(currentRoute.params.username);
|
||||
return usePilotsStore(store).fetchPublicPilotDetail(currentRoute.params.username).catch(e => {});
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -43,8 +43,8 @@ useAppStore().setBreadcrumbs([
|
||||
useMeta(() => metaData({
|
||||
title: `${flightNameFormatted} - ${props.pilot.name}`,
|
||||
keywords: ["let", "výlet", "letadlo", props.pilot.name, flight.value.aircraft.callSign],
|
||||
description: flight.description,
|
||||
image: flight.titlePhoto?.url
|
||||
description: flight.value.description,
|
||||
image: flight.value.titlePhoto?.url
|
||||
}
|
||||
));
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user