refactor: update history page layout for results heading and delete button, including new button styling and icon

This commit is contained in:
Namit2003 2025-12-21 13:51:17 -05:00
parent a00597440f
commit d70d803038

View file

@ -47,18 +47,17 @@ export const history = new Elysia().use(userService).get(
`}
>
<article class="article">
<h1 class="mb-4 text-xl">Results</h1>
<div id="delete-selected-container" class="mb-4 hidden">
<div class="mb-4 flex items-center justify-between">
<h1 class="text-xl">Results</h1>
<div id="delete-selected-container" class="hidden">
<button
id="delete-selected-btn"
class={`
rounded bg-red-600 px-4 py-2 text-white transition-colors
hover:bg-red-700
`}
class="flex btn-secondary flex-row gap-2 text-contrast"
>
Delete Selected (<span id="selected-count">0</span>)
<DeleteIcon /> <p>Delete Selected (<span id="selected-count">0</span>)</p>
</button>
</div>
</div>
<table
class={`
w-full table-auto overflow-y-auto rounded bg-neutral-900 text-left