Flip tooltips

2024-05-22 11:06:27 +02:00
parent 8dc1a2dc3c
commit 0dc309642c
5 changed files with 76 additions and 39 deletions
@@ -52,7 +52,7 @@ watchEffect(async () => {
            <ArrowTrendingDownIcon v-else />
        </template>
        <template #default>
-            <div class="bg-slate-500 -left-1/2 relative" v-if="history.length > 0">
+            <div class="bg-slate-500 -left-1/2 relative tooltip-content" v-if="history.length > 0">
                <table>
                    <thead>
                        <tr>
@@ -80,8 +80,18 @@ watchEffect(async () => {
    >:deep(div.header) {
        @apply btn-icon px-2;
    }
-    &.open>:deep(div.header) {
-        @apply rounded-t-md bg-slate-600;
+    &.open {
+        &.tooltip-top>:deep(div.header) {
+            @apply rounded-t-md bg-slate-600;
+        }
+        &.tooltip-bottom {
+            .tooltip-content {
+                bottom: 79px
+            }
+            >:deep(div.header) {
+                @apply rounded-b-md bg-slate-600;
+            }
+        }
    }
 }
 </style>