jointrashposs/components/brand-assets/ImgPreview.vue

23 lines
572 B
Vue
Raw Normal View History

2023-07-13 16:58:54 +02:00
<template>
<a :href="src" target="_blank">
<div class="p-6 prevroot">
<img :src="src" class="mx-auto max-w-sm" />
</div>
</a>
</template>
<script setup lang="ts">
defineProps<{
src: string;
}>();
</script>
<style scoped>
.prevroot {
background: linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%),
linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%);
background-color: #888;
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
}
</style>