fix tabs spacing issues

This commit is contained in:
Rotimi Best
2023-10-06 12:04:27 +01:00
parent 253fcfeb99
commit c0bf45283e
2 changed files with 2 additions and 3 deletions
@@ -7,8 +7,7 @@
<div class="mb-3"> <div class="mb-3">
{#each tabs as tab} {#each tabs as tab}
<button <button
class="mr-3 pb-2 border-t-0 border-l-0 border-r-0 {selectedTab === class="mr-3 pb-2 border-t-0 border-l-0 border-r-0 {selectedTab === tab.value
tab.value
? 'border-b-4 border-indigo-600 focus:border-indigo-600' ? 'border-b-4 border-indigo-600 focus:border-indigo-600'
: 'border-b-0'}" : 'border-b-0'}"
on:click={() => (selectedTab = tab.value)} on:click={() => (selectedTab = tab.value)}
+1 -1
View File
@@ -58,7 +58,7 @@
{/each} {/each}
</div> </div>
<div class=""> <div class="mt-5">
<slot name="content" /> <slot name="content" />
</div> </div>
</div> </div>