mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-09 08:42:15 +01:00
e78a551098
add jetstream permissions, add dynamic inertia module loading, add shadcn components, change modals and dropdowns to shadcn dismissable layer,
38 lines
1013 B
Vue
38 lines
1013 B
Vue
<script setup lang="ts">
|
|
import { twMerge } from 'tailwind-merge';
|
|
import { computed } from 'vue';
|
|
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
expanded?: boolean;
|
|
size?: string;
|
|
}>(),
|
|
{
|
|
expanded: false,
|
|
size: 'w-7 h-7',
|
|
}
|
|
);
|
|
|
|
const expandedStatusClasses = computed(() => {
|
|
if (props.expanded) {
|
|
return 'border-card-border border bg-card-background-active text-text-primary';
|
|
}
|
|
return 'border-card-border border bg-card-background hover:bg-card-background-active hover:text-text-primary transition text-text-secondary';
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<button
|
|
:class="
|
|
twMerge(
|
|
'font-medium rounded flex items-center transition justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-transparent',
|
|
expandedStatusClasses,
|
|
props.size
|
|
)
|
|
">
|
|
<slot></slot>
|
|
</button>
|
|
</template>
|
|
|
|
<style scoped></style>
|