R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

Created component for entry

Browse Source
This commit is contained in:
Adam Bem
2023-06-22 14:54:47 +02:00
parent 02e39cb4d0
commit 59e50e4797
3 changed files with 31 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Frontend/src/components/xml/tooltips/TooltipComponent.vue
View File

@@ -1,6 +1,7 @@
<script setup lang="ts">
import { ref } from 'vue';
import tooltipCategoryComponent from '@components/xml/tooltips/TooltipCategoryComponent.vue'
import tooltipEntryComponent from '@components/xml/tooltips/TooltipEntryComponent.vue'
const areTooltipsHidden = ref(true)
function toggleTooltips() {
@@ -13,7 +14,11 @@ function toggleTooltips() {
<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>
<tooltipCategoryComponent name="Category I">
<tooltipEntryComponent name="Test"></tooltipEntryComponent>
<tooltipEntryComponent name="Teścik">Teścik</tooltipEntryComponent>
<tooltipEntryComponent name="Dłuuuuuuuggiiiiii teeeeeeeeeestttt"></tooltipEntryComponent>
</tooltipCategoryComponent>
</div>
</div>
</template>