📱 Fixed #33
This commit is contained in:
@@ -15,8 +15,8 @@ I like it and would use it for my house parties next time!`,
|
|||||||
];
|
];
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="grid grid-cols-3">
|
<div class="lg:grid lg:grid-cols-3">
|
||||||
<div class="col-start-2">
|
<div class="lg:col-start-2">
|
||||||
<Swiper
|
<Swiper
|
||||||
centeredSlides={true}
|
centeredSlides={true}
|
||||||
modules={[Autoplay]}
|
modules={[Autoplay]}
|
||||||
|
|||||||
@@ -37,7 +37,7 @@
|
|||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
{:then quizzes}
|
{:then quizzes}
|
||||||
<div class="grid grid-cols-3">
|
<div class="grid lg:grid-cols-3 grid-cols-1">
|
||||||
{#each quizzes.hits as quiz}
|
{#each quizzes.hits as quiz}
|
||||||
<div class="flex justify-center">
|
<div class="flex justify-center">
|
||||||
<a href="/view/{quiz.id}" class="h-max w-fit">
|
<a href="/view/{quiz.id}" class="h-max w-fit">
|
||||||
|
|||||||
@@ -47,7 +47,7 @@
|
|||||||
<input
|
<input
|
||||||
type="search"
|
type="search"
|
||||||
class="form-control relative flex-auto min-w-0 block w-full px-3 py-1.5 text-base font-normal text-gray-700 bg-white bg-clip-padding border border-solid border-gray-300 rounded transition ease-in-out m-0 focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none"
|
class="form-control relative flex-auto min-w-0 block w-full px-3 py-1.5 text-base font-normal text-gray-700 bg-white bg-clip-padding border border-solid border-gray-300 rounded transition ease-in-out m-0 focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none"
|
||||||
placeholder="Search"
|
placeholder="Enter at least 3 characters..."
|
||||||
aria-label="Search"
|
aria-label="Search"
|
||||||
aria-describedby="button-addon2"
|
aria-describedby="button-addon2"
|
||||||
bind:value={search_term}
|
bind:value={search_term}
|
||||||
@@ -81,7 +81,7 @@
|
|||||||
|
|
||||||
{#if resp_data}
|
{#if resp_data}
|
||||||
{#if resp_data.hits.length !== 0}
|
{#if resp_data.hits.length !== 0}
|
||||||
<div class="grid grid-cols-3">
|
<div class="grid lg:grid-cols-3 grid-cols-1">
|
||||||
{#each resp_data.hits as quiz}
|
{#each resp_data.hits as quiz}
|
||||||
<div class="flex justify-center">
|
<div class="flex justify-center">
|
||||||
<a href="/view/{quiz.id}" class="h-max w-fit">
|
<a href="/view/{quiz.id}" class="h-max w-fit">
|
||||||
|
|||||||
Reference in New Issue
Block a user