message: Fix sizing of AppPostTargetRealm images
diff: <script lang="ts" setup>
  import { computed, PropType, toRefs } from 'vue';
  import AppImgResponsive from '../../../../_common/img/AppImgResponsive.vue';
  +import AppMediaItemBackdrop from '../../../../_common/media-item/backdrop/AppMediaItemBackdrop.vue';
  import { Realm } from '../../../../_common/realm/realm-model';
  +import AppResponsiveDimensions from '../../../../_common/responsive-dimensions/AppResponsiveDimensions.vue';
  import AppPostTarget, { POST_TARGET_HEIGHT } from './AppPostTarget.vue';
  const props = defineProps({
  @@ -23,6 +25,10 @@ const emit = defineEmits({
  remove: (_realm: Realm) => true,
  });
  +const imgRatio = 0.75;
  +const imgHeight = POST_TARGET_HEIGHT;
  +const imgWidth = imgHeight * imgRatio;
  +
  const to = computed(() => (hasLinks.value ? realm.value.routeLocation : undefined));
  </script>
  @@ -37,11 +43,24 @@ const to = computed(() => (hasLinks.value ? realm.value.routeLocation : undefine
  <template #img>
  <div
  :style="{
  - width: POST_TARGET_HEIGHT * realm.cover.aspectRatio + 'px',
  - height: POST_TARGET_HEIGHT + 'px',
  + width: imgWidth + `px`,
  + height: imgHeight + `px`,
  }"
  >
  - <AppImgResponsive :src="realm.cover.mediaserver_url" alt="" />
  + <AppResponsiveDimensions :parent-width="imgWidth" :ratio="imgRatio">
  + <AppMediaItemBackdrop :media-item="realm.cover">
  + <AppImgResponsive
  + :style="{
  + width: `100%`,
  + height: `100%`,
  + objectFit: `cover`,
  + }"
  + class="-cover-img"
  + :src="realm.cover.mediaserver_url"
  + alt=""
  + />
  + </AppMediaItemBackdrop>
  + </AppResponsiveDimensions>
  </div>
  </template>
  