2025-01-01 00:26:10 -08:00
|
|
|
<template>
|
2025-01-03 21:50:12 -08:00
|
|
|
<div class="m-1 p-5 rounded-lg container bg-opacity-90 bg-slate-900 border-primary border-2">
|
2025-01-01 00:26:10 -08:00
|
|
|
<slot></slot>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
|
|
/* Glow effect on border, plus a slight response to hover by changing the border color near the cursor */
|
|
|
|
|
.container {
|
2025-01-03 21:50:12 -08:00
|
|
|
@apply border-primary border-2 shadow-primary shadow-md;
|
2025-01-01 00:26:10 -08:00
|
|
|
transition: border-color 0.5s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
