LobotomyLabs/classquiz-ai
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💫 Added small transition

Browse Source
This commit is contained in:
Mawoka
2022-06-17 13:51:42 +02:00
parent 78185cb502
commit fb45732fc7
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/editor/sidebar.svelte
+4 -4
View File
@@ -45,7 +45,7 @@
<div class="h-screen border-r-2 pt-6 px-6 overflow-scroll"> <div class="h-screen border-r-2 pt-6 px-6 overflow-scroll">
<div <div
class="bg-white shadow rounded-lg h-40 p-2 mb-6 hover:cursor-pointer drop-shadow-2xl border border-gray-500 dark:bg-gray-600" class="bg-white shadow rounded-lg h-40 p-2 mb-6 hover:cursor-pointer drop-shadow-2xl border border-gray-500 dark:bg-gray-600 transition"
bind:this={propertyCard} bind:this={propertyCard}
class:bg-green-300={selected_question === -1} class:bg-green-300={selected_question === -1}
class:dark:bg-green-500={selected_question === -1} class:dark:bg-green-500={selected_question === -1}
@@ -53,7 +53,7 @@
> >
<div <div
use:tippy={{ content: data.title === '' ? "It's empty!" : data.title }} use:tippy={{ content: data.title === '' ? "It's empty!" : data.title }}
class="m-1 border border-gray-500 rounded-lg p-0.5" class="m-1 border border-gray-500 rounded-lg p-0.5 transition"
class:border-red-600={!reach(dataSchema, 'title').isValidSync(data.title)} class:border-red-600={!reach(dataSchema, 'title').isValidSync(data.title)}
class:border-solid={!reach(dataSchema, 'title').isValidSync(data.title)} class:border-solid={!reach(dataSchema, 'title').isValidSync(data.title)}
class:border-2={!reach(dataSchema, 'title').isValidSync(data.title)} class:border-2={!reach(dataSchema, 'title').isValidSync(data.title)}
@@ -67,7 +67,7 @@
</div> </div>
<div <div
use:tippy={{ content: data.description === '' ? "It's empty!" : data.description }} use:tippy={{ content: data.description === '' ? "It's empty!" : data.description }}
class="m-1 border border-gray-500 rounded-lg p-0.5" class="m-1 border border-gray-500 rounded-lg p-0.5 transition"
class:border-red-600={!reach(dataSchema, 'description').isValidSync(data.description)} class:border-red-600={!reach(dataSchema, 'description').isValidSync(data.description)}
class:border-solid={!reach(dataSchema, 'description').isValidSync(data.description)} class:border-solid={!reach(dataSchema, 'description').isValidSync(data.description)}
class:border-2={!reach(dataSchema, 'description').isValidSync(data.description)} class:border-2={!reach(dataSchema, 'description').isValidSync(data.description)}
@@ -127,7 +127,7 @@
</div> </div>
{#each data.questions as question, index} {#each data.questions as question, index}
<div <div
class="bg-white shadow rounded-lg h-40 p-2 mb-6 hover:cursor-pointer drop-shadow-2xl border border-gray-500 dark:bg-gray-600" class="bg-white shadow rounded-lg h-40 p-2 mb-6 hover:cursor-pointer drop-shadow-2xl border border-gray-500 dark:bg-gray-600 transition"
class:bg-green-300={index === selected_question} class:bg-green-300={index === selected_question}
class:dark:bg-green-500={index === selected_question} class:dark:bg-green-500={index === selected_question}
on:contextmenu|preventDefault={() => { on:contextmenu|preventDefault={() => {