This commit is contained in:
Lorenz Padberg 2024-04-25 16:04:07 +02:00
parent 77f0fbcce9
commit 7efa58a585
3 changed files with 9 additions and 9 deletions

View File

@ -28,12 +28,12 @@
{{ module.title }} {{ module.title }}
</h1> </h1>
<div class="module__hero"> <div class="module__hero">
<wagtail-image
<wagtail-image class="module__hero-image" class="module__hero-image"
:src="module.heroImage.src" :src="module.heroImage.src"
:original-width="module.heroImage.width" :original-width="module.heroImage.width"
:original-height="module.heroImage.height"></wagtail-image> :original-height="module.heroImage.height"
<pre></pre> ></wagtail-image>
<h5 <h5
class="module__hero-source" class="module__hero-source"
v-if="module.heroSource" v-if="module.heroSource"
@ -117,11 +117,12 @@ import highlightSidebar from '@/helpers/highlight-sidebar';
import { doUpdateHighlight } from '@/graphql/mutations'; import { doUpdateHighlight } from '@/graphql/mutations';
import Mark from 'mark.js'; import Mark from 'mark.js';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import WagtailImage from "@/components/ui/WagtailImage.vue"; import WagtailImage from '@/components/ui/WagtailImage.vue';
export interface Props { export interface Props {
module: ModuleNode; module: ModuleNode;
} }
const route = useRoute(); const route = useRoute();
const props = defineProps<Props>(); const props = defineProps<Props>();
let selectionHandler: SelectionHandlerType; let selectionHandler: SelectionHandlerType;

View File

@ -73,8 +73,8 @@ const placeholderStyle = computed(() => {
if (props.originalHeight) { if (props.originalHeight) {
styles.height = `${scaledHeight}px`; styles.height = `${scaledHeight}px`;
} }
return styles;
} }
return styles;
}); });
const isHighDensity = () => { const isHighDensity = () => {

View File

@ -1,6 +1,5 @@
import MODULE_DETAILS_QUERY from './gql/queries/modules/moduleDetailsQuery.gql'; import MODULE_DETAILS_QUERY from './gql/queries/modules/moduleDetailsQuery.gql';
import ME_QUERY from './gql/queries/meQuery.gql'; import ME_QUERY from './gql/queries/meQuery.gql';
import WagWAtailImageFragnent from './gql/queries/meQuery.gql';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import { computed } from 'vue'; import { computed } from 'vue';
import { useQuery } from '@vue/apollo-composable'; import { useQuery } from '@vue/apollo-composable';