22 lines
865 B
Vue
22 lines
865 B
Vue
|
<template>
|
||
|
|
<div class="bg-gray-900/5 dark:bg-white/5 ring-1 ring-inset ring-gray-900/10 dark:ring-white/10 rounded-xl lg:-m-4 p-4">
|
||
|
|
<div class="aspect-w-16 aspect-h-9 rounded-lg relative overflow-hidden border border-dashed border-gray-900/10 dark:border-white/10">
|
||
|
|
<svg class="absolute inset-0 h-full w-full stroke-gray-900/10 dark:stroke-white/10" fill="none">
|
||
|
|
<defs>
|
||
|
|
<pattern
|
||
|
|
id="pattern-5c1e4f0e-62d5-498b-8ff0-cf77bb448c8e"
|
||
|
|
x="0"
|
||
|
|
y="0"
|
||
|
|
width="10"
|
||
|
|
height="10"
|
||
|
|
patternUnits="userSpaceOnUse"
|
||
|
|
>
|
||
|
|
<path d="M-3 13 15-5M-5 5l18-18M-1 21 17 3" />
|
||
|
|
</pattern>
|
||
|
|
</defs>
|
||
|
|
<rect stroke="none" fill="url(#pattern-5c1e4f0e-62d5-498b-8ff0-cf77bb448c8e)" width="100%" height="100%" />
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|