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

🚸 Added note if no quizzes are found

Browse Source
This commit is contained in:
Mawoka
2022-04-14 21:45:35 +02:00
parent cfcc671545
commit 129424e62a
1 changed files with 39 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/routes/search.svelte
+39 -22
View File
@@ -69,29 +69,46 @@
</div> </div>
{#if resp_data} {#if resp_data}
<div class="grid grid-cols-3"> {#if resp_data.hits.length !== 0}
{#each resp_data.hits as quiz} <div class="grid grid-cols-3">
<div class="flex justify-center"> {#each resp_data.hits as quiz}
<a href="/view/{quiz.id}" class="h-max w-fit"> <div class="flex justify-center">
<div class="max-w-md py-4 px-8 bg-white shadow-lg rounded-lg my-20"> <a href="/view/{quiz.id}" class="h-max w-fit">
<!-- <div class='flex justify-center md:justify-end -mt-16'> <div class="max-w-md py-4 px-8 bg-white shadow-lg rounded-lg my-20">
<img class='w-20 h-20 object-cover rounded-full border-2 border-indigo-500' <!-- <div class='flex justify-center md:justify-end -mt-16'>
src='https://images.unsplash.com/photo-1499714608240-22fc6ad53fb2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80'> <img class='w-20 h-20 object-cover rounded-full border-2 border-indigo-500'
</div>--> src='https://images.unsplash.com/photo-1499714608240-22fc6ad53fb2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80'>
<div> </div>-->
<h2 class="text-gray-800 text-3xl font-semibold"> <div>
{@html quiz._formatted.title} <h2 class="text-gray-800 text-3xl font-semibold">
</h2> {@html quiz._formatted.title}
<p class="mt-2 text-gray-600">{@html quiz._formatted.description}</p> </h2>
<p class="mt-2 text-gray-600">
{@html quiz._formatted.description}
</p>
</div>
<div class="flex mt-4">
<span>Made by {@html quiz._formatted.user}</span>
</div>
</div> </div>
<div class="flex mt-4"> </a>
<span>Made by {@html quiz._formatted.user}</span> </div>
</div> {/each}
</div> </div>
</a> {:else}
</div> <div class="flex justify-center">
{/each} <h1 class="text-4xl">There is nothing here...</h1>
</div> </div>
<div class="flex justify-center">
<p>
Not finding what you are looking for? Search on <a
class="underline"
href="https://create.kahoot.it/discover">KAHOOT!</a
>
and <a href="/import" class="underline">Import</a> it!
</p>
</div>
{/if}
{/if} {/if}
<style lang="scss"> <style lang="scss">