app/assets/javascripts/repository/components/blob_viewers/image_viewer.vue


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<script>
export default {
  props: {
    blob: {
      type: Object,
      required: true,
    },
  },
  data() {
    return {
      url: this.blob.rawPath,
      alt: this.blob.name,
    };
  },
};
</script>
<template>
  <div class="gl-text-center gl-p-7 gl-bg-gray-50">
    <img :src="url" :alt="alt" data-testid="image" class="gl-max-w-full" />
  </div>
</template>