Centered tables

This commit is contained in:
2023-06-26 08:59:27 +02:00
parent adfd104416
commit e0955f2729
2 changed files with 5 additions and 5 deletions

View File

@@ -13,7 +13,7 @@ function toggleTooltips() {
</script>
<template>
<div class="flex p-2 flex-col rounded-xl shadow-lg bg-gradient-to-r from-slate-300 to-slate-400 dark:from-slate-600 dark:to-gray-700">
<div class="flex p-2 flex-col rounded-xl shadow-lg bg-gradient-to-r from-slate-300 to-slate-400 dark:from-slate-600 dark:to-slate-700">
<button :class="{ 'mb-2' : !isCategoryHidden }" class="dark:text-slate-100" @click="toggleTooltips()">{{ props.name }}</button>
<div id="content" :class="{'hidden' : isCategoryHidden}" class="flex flex-col gap-4 w-full h-fit p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
<slot></slot>

View File

@@ -45,12 +45,12 @@ function toggleTooltips() {
<th>Output</th>
</tr>
<tr>
<td>string(696969)</td>
<td>'696969'</td>
<td class="text-center">string(696969)</td>
<td class="text-center">'696969'</td>
</tr>
<tr>
<td>string('dupa')</td>
<td>'dupa'</td>
<td class="text-center">string('dupa')</td>
<td class="text-center">'dupa'</td>
</tr>
</table>
</div>