mirror of
https://github.com/haexhub/haex-hub.git
synced 2025-12-17 06:30:50 +01:00
haex
b097bf211d
- Update window components to use fullscreen layout on small screens - Adjust UI components styling for better mobile display - Update desktop store for small screen handling
38 lines
823 B
Vue
38 lines
823 B
Vue
<template>
|
|
<div>
|
|
<UTooltip :text="buttonProps?.tooltip">
|
|
<UButton
|
|
class="pointer-events-auto"
|
|
v-bind="{
|
|
...buttonProps,
|
|
...$attrs,
|
|
}"
|
|
size="lg"
|
|
@click="$emit('click', $event)"
|
|
>
|
|
<template
|
|
v-for="(_, slotName) in $slots"
|
|
#[slotName]="slotProps"
|
|
>
|
|
<slot
|
|
:name="slotName"
|
|
v-bind="slotProps"
|
|
/>
|
|
</template>
|
|
</UButton>
|
|
</UTooltip>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { ButtonProps } from '@nuxt/ui'
|
|
|
|
interface IButtonProps extends /* @vue-ignore */ ButtonProps {
|
|
tooltip?: string
|
|
}
|
|
const buttonProps = defineProps<IButtonProps>()
|
|
defineEmits<{ click: [Event] }>()
|
|
|
|
const { isSmallScreen } = storeToRefs(useUiStore())
|
|
</script>
|