diff options
Diffstat (limited to 'src/components/IconButton.vue')
| -rw-r--r-- | src/components/IconButton.vue | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/IconButton.vue b/src/components/IconButton.vue index 71dddc3..0a32095 100644 --- a/src/components/IconButton.vue +++ b/src/components/IconButton.vue @@ -1,3 +1,11 @@ +<template> +<div class="p-2 rounded-full hover:cursor-pointer" + :class="{'hover:brightness-125': !disabled, 'brightness-75': disabled}" + :style="{width: size + 'px', height: size + 'px', padding: (size / 5) + 'px'}"> + <slot class="w-full h-full">?</slot> +</div> +</template> + <script lang="ts"> import {defineComponent, PropType} from 'vue'; @@ -8,11 +16,3 @@ export default defineComponent({ }, }); </script> - -<template> -<div class="p-2 rounded-full hover:cursor-pointer" - :class="{'hover:brightness-125': !disabled, 'brightness-75': disabled}" - :style="{width: size + 'px', height: size + 'px', padding: (size / 5) + 'px'}"> - <slot class="w-full h-full">?</slot> -</div> -</template> |