ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP: Add arrow animation

This commit is contained in:
Christian Cueni 2022-09-28 12:48:23 +02:00 committed by Daniel Egger
parent 9756902ce2
commit b78cf5ffd0
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/competences/CompetenceDetail.vue
View File

@ -21,10 +21,12 @@ const togglePerformanceCriteria = () => {
class="-mx-8 px-8"> class="-mx-8 px-8">
<div class="mb-4 flex flex-row justify-between items-center"> <div class="mb-4 flex flex-row justify-between items-center">
<h2 class="text-large">{{competence.description}}</h2> <h2 class="text-large">{{competence.description}}</h2>
<button><it-icon-arrow-down <button class="transition-transform"
@click="togglePerformanceCriteria()" :class="{'rotate-180': isOpen}">
class="h-10 w-10" <it-icon-arrow-down
aria-hidden="true"/></button> @click="togglePerformanceCriteria()"
class="h-10 w-10"
aria-hidden="true"/></button>
</div> </div>
<ComptenceProgress <ComptenceProgress
:total="7" :total="7"