mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
22 lines
748 B
Vue
22 lines
748 B
Vue
<template>
|
|
<div class="relative overflow-hidden rounded-[var(--ui-radius)] border border-dashed border-[var(--ui-border-accented)] opacity-75 px-4 flex items-center justify-center">
|
|
<svg class="absolute inset-0 h-full w-full stroke-[var(--ui-border-inverted)]/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>
|
|
|
|
<slot />
|
|
</div>
|
|
</template>
|