19 lines
838 B
Vue
19 lines
838 B
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue';
|
|
import tooltipCategoryComponent from '@components/xml/tooltips/TooltipCategoryComponent.vue'
|
|
const areTooltipsHidden = ref(true)
|
|
|
|
function toggleTooltips() {
|
|
areTooltipsHidden.value = !areTooltipsHidden.value;
|
|
}
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div :class="{ 'w-1/2' : !areTooltipsHidden }" class="flex items-stretch p-2 flex-row rounded-xl bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
|
|
<button class="rotate-90 text-xl w-8 text-white" @click="toggleTooltips()">Tooltips</button>
|
|
<div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
|
|
<tooltipCategoryComponent name="Category I"></tooltipCategoryComponent>
|
|
</div>
|
|
</div>
|
|
</template> |