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"> <article class="article">
<h1 class="mb-4 text-xl">Results</h1> <div class="mb-4 flex items-center justify-between">
<div id="delete-selected-container" class="mb-4 hidden"> <h1 class="text-xl">Results</h1>
<div id="delete-selected-container" class="hidden">
<button <button
id="delete-selected-btn" id="delete-selected-btn"
class={` class="flex btn-secondary flex-row gap-2 text-contrast"
rounded bg-red-600 px-4 py-2 text-white transition-colors
hover:bg-red-700
`}
> >
Delete Selected (<span id="selected-count">0</span>) <DeleteIcon /> <p>Delete Selected (<span id="selected-count">0</span>)</p>
</button> </button>
</div> </div>
</div>
<table <table
class={` class={`
w-full table-auto overflow-y-auto rounded bg-neutral-900 text-left w-full table-auto overflow-y-auto rounded bg-neutral-900 text-left