imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

Optimized Tailwind, removed redundant classes and divs

Browse Source
This commit is contained in:
Colin Kallemein
2024-07-25 22:48:55 +02:00
parent ccc40b0abb
commit d18dfc8045
3 changed files with 28 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/utilities/Accordion.vue
View File

@ -1,10 +1,10 @@
<template>
<div class="border border-gray-300 rounded mb-4">
<div @click="toggle" class="p-3 bg-gray-100 bg-opacity-50 rounded hover:bg-gray-200 text-left text-white font-default cursor-pointer transition-colors duration-200 ease-in-out">
<div class="mb-4 flex flex-col gap-3">
<div @click="toggle" class="p-3 bg-gray-100 bg-opacity-50 rounded hover:bg-gray-200 text-white font-default cursor-pointer">
<slot name="header" />
</div>
<transition enter-active-class="transition-all duration-300 ease-in-out" leave-active-class="transition-all duration-300 ease-in-out" enter-from-class="opacity-0 max-h-0" enter-to-class="opacity-100 max-h-96" leave-from-class="opacity-100 max-h-96" leave-to-class="opacity-0 max-h-0">
<div v-if="isOpen" class="py-3 overflow-hidden">
<div v-if="isOpen" class="overflow-hidden">
<slot name="content" />
</div>
</transition>