andrewwallacespeckle
26 lines
565 B
Vue
26 lines
565 B
Vue
<template>
|
|
<div
|
|
class="viewer-controls-button-group bg-foundation text-foreground rounded-xl flex justify-center items-center gap-1 border border-outline-2 p-1"
|
|
:class="direction === 'horizontal' ? 'flex-row' : 'flex-col'"
|
|
>
|
|
<slot />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
withDefaults(
|
|
defineProps<{
|
|
direction?: 'horizontal' | 'vertical'
|
|
}>(),
|
|
{
|
|
direction: 'horizontal'
|
|
}
|
|
)
|
|
</script>
|
|
|
|
<style scoped>
|
|
.viewer-controls-button-group {
|
|
box-shadow: 0 2px 4px -2px rgb(0 0 0 / 2%), 0 4px 6px -1px rgb(16 16 16 / 2%);
|
|
}
|
|
</style>
|