refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2025-06-20 21:10:56 +04:00
parent e035d5d767
commit df060df88b
3 changed files with 8 additions and 7 deletions

View File

@ -41,7 +41,7 @@
{#if selectedFeedback?.data?.tags && selectedFeedback?.data?.tags.length} {#if selectedFeedback?.data?.tags && selectedFeedback?.data?.tags.length}
<div class="flex flex-wrap gap-1 mt-1"> <div class="flex flex-wrap gap-1 mt-1">
{#each selectedFeedback?.data?.tags as tag} {#each selectedFeedback?.data?.tags as tag}
<span class="px-2 py-0.5 rounded-full bg-gray-100 dark:bg-gray-800 text-xs" <span class="px-2 py-0.5 rounded-full bg-gray-100 dark:bg-gray-850 text-xs"
>{tag}</span >{tag}</span
> >
{/each} {/each}
@ -65,7 +65,8 @@
<span>{selectedFeedback?.data?.reason || '-'}</span> <span>{selectedFeedback?.data?.reason || '-'}</span>
</div> </div>
</div> </div>
<div class="flex justify-end pt-3">
<div class="flex justify-end pt-2">
<button <button
class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full" class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
type="button" type="button"

View File

@ -504,7 +504,7 @@
<tbody class=""> <tbody class="">
{#each sortedModels as model, modelIdx (model.id)} {#each sortedModels as model, modelIdx (model.id)}
<tr <tr
class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs group cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 transition" class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs group cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-850/50 transition"
on:click={() => openFeedbackModal(model)} on:click={() => openFeedbackModal(model)}
> >
<td class="px-3 py-1.5 text-left font-medium text-gray-900 dark:text-white w-fit"> <td class="px-3 py-1.5 text-left font-medium text-gray-900 dark:text-white w-fit">

View File

@ -52,10 +52,10 @@
<div class="px-5 pb-4 dark:text-gray-200"> <div class="px-5 pb-4 dark:text-gray-200">
<div class="mb-2"> <div class="mb-2">
{#if topTags.length} {#if topTags.length}
<div class="flex flex-wrap gap-1 mt-1"> <div class="flex flex-wrap gap-1 mt-1 -mx-1">
{#each topTags as tagInfo} {#each topTags as tagInfo}
<span class="px-2 py-0.5 rounded bg-gray-100 dark:bg-gray-800 text-xs"> <span class="px-2 py-0.5 rounded-full bg-gray-100 dark:bg-gray-850 text-xs">
{tagInfo.tag} <span class="text-gray-500">({tagInfo.count})</span> {tagInfo.tag} <span class="text-gray-500 font-medium">{tagInfo.count}</span>
</span> </span>
{/each} {/each}
</div> </div>
@ -63,7 +63,7 @@
<span>-</span> <span>-</span>
{/if} {/if}
</div> </div>
<div class="flex justify-end pt-3"> <div class="flex justify-end pt-2">
<button <button
class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full" class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
type="button" type="button"