Centered tables
This commit is contained in:
		| @@ -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> | ||||
|   | ||||
| @@ -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> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user