mirror of
https://github.com/unraid/api.git
synced 2026-02-18 14:08:29 -06:00
25 lines
548 B
Vue
25 lines
548 B
Vue
<script setup lang="ts">
|
|
withDefaults(defineProps<{
|
|
hover?: boolean;
|
|
increasedPadding?: boolean;
|
|
padding?: boolean;
|
|
}>(), {
|
|
hover: true,
|
|
increasedPadding: false,
|
|
padding: true,
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="group/card text-left relative flex flex-col flex-1 text-beta bg-alpha border-2 border-solid border-gamma-opaque rounded-md shadow-md "
|
|
:class="[
|
|
padding && 'p-4',
|
|
increasedPadding && 'md:p-6',
|
|
hover && 'hover:shadow-orange/50 transition-all',
|
|
]"
|
|
>
|
|
<slot></slot>
|
|
</div>
|
|
</template>
|