fix: remove border on reorder

This commit is contained in:
Rotimi Best
2024-08-19 19:14:52 +01:00
parent 9016402a6e
commit f0a3b26d48
2 changed files with 3 additions and 9 deletions
@@ -86,9 +86,7 @@
> >
{#each $lessons as lesson (lesson.id)} {#each $lessons as lesson (lesson.id)}
<div <div
class={`relative m-auto mb-4 flex max-w-xl items-center rounded-md border-2 ${ class={`relative m-auto mb-4 flex max-w-xl items-center rounded-md border-2 border-gray-200 dark:border-neutral-600 p-5 dark:bg-neutral-800`}
reorder ? 'border-primary-400' : 'border-gray-200'
} border-gray-200 dark:border-neutral-600 p-5 dark:bg-neutral-800`}
> >
<!-- Number Chip --> <!-- Number Chip -->
<div class="mr-5"> <div class="mr-5">
@@ -193,9 +193,7 @@
> >
{#each $lessonSections as section (section.id)} {#each $lessonSections as section (section.id)}
<div <div
class="mb-3 m-auto max-w-xl border-2 {reorder class="mb-3 m-auto max-w-xl border-2 border-gray-200 dark:border-neutral-600 dark:bg-neutral-800 rounded-md"
? 'border-primary-400'
: 'border-gray-200'} dark:border-neutral-600 dark:bg-neutral-800 rounded-md"
> >
<div <div
class="mb-2 px-3 py-1 min-h-[50px] border-b bg-gray-50 dark:bg-neutral-700 rounded-tl-md rounded-tr-md flex justify-between items-center" class="mb-2 px-3 py-1 min-h-[50px] border-b bg-gray-50 dark:bg-neutral-700 rounded-tl-md rounded-tr-md flex justify-between items-center"
@@ -263,9 +261,7 @@
> >
{#each section.lessons as lesson (lesson.id)} {#each section.lessons as lesson (lesson.id)}
<div <div
class="border max-w-xl {reorder class="border max-w-xl border-gray-200 px-3 py-1 min-h-[50px] rounded-md mb-2 flex items-center justify-between"
? 'border-primary-400'
: 'border-gray-200'} px-3 py-1 min-h-[50px] rounded-md mb-2 flex items-center justify-between"
animate:flip={{ duration: flipDurationMs }} animate:flip={{ duration: flipDurationMs }}
> >
{#if lessonEditing === lesson.id} {#if lessonEditing === lesson.id}