inline filters

This commit is contained in:
chark1es 2025-02-13 03:35:08 -08:00
parent 09453c8755
commit d6df93d0f6

View file

@ -175,16 +175,16 @@ declare global {
<div class="divider"></div> <div class="divider"></div>
<!-- Filter Controls --> <!-- Filter Controls -->
<div class="flex flex-col gap-4 mb-4"> <div class="mb-4">
<!-- Time Filters --> <!-- All Filters in One Line -->
<div class="flex flex-wrap gap-4"> <div class="flex flex-wrap items-end gap-4">
<div class="form-control"> <div class="form-control">
<label class="label"> <label class="label">
<span class="label-text font-medium" <span class="label-text font-medium"
>Time Filter</span >Time Filter</span
> >
</label> </label>
<div class="join"> <div class="join m-1">
<input <input
type="radio" type="radio"
name="timeFilter" name="timeFilter"
@ -217,7 +217,7 @@ declare global {
<div class="dropdown"> <div class="dropdown">
<label <label
tabindex="0" tabindex="0"
class="btn btn-sm m-1 w-full justify-between" class="btn btn-sm m-1 w-[140px] justify-between"
> >
<span id="yearFilterLabel">All Years</span> <span id="yearFilterLabel">All Years</span>
<svg <svg
@ -254,10 +254,7 @@ declare global {
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Other Filters -->
<div class="flex flex-wrap gap-4">
<div class="form-control"> <div class="form-control">
<label class="label"> <label class="label">
<span class="label-text font-medium">Published</span <span class="label-text font-medium">Published</span
@ -266,7 +263,7 @@ declare global {
<div class="dropdown"> <div class="dropdown">
<label <label
tabindex="0" tabindex="0"
class="btn btn-sm m-1 w-full justify-between" class="btn btn-sm m-1 w-[140px] justify-between"
> >
<span id="publishedFilterLabel">All</span> <span id="publishedFilterLabel">All</span>
<svg <svg
@ -331,7 +328,7 @@ declare global {
<div class="dropdown"> <div class="dropdown">
<label <label
tabindex="0" tabindex="0"
class="btn btn-sm m-1 w-full justify-between" class="btn btn-sm m-1 w-[140px] justify-between"
> >
<span id="hasFilesFilterLabel">All</span> <span id="hasFilesFilterLabel">All</span>
<svg <svg
@ -395,7 +392,7 @@ declare global {
<div class="dropdown"> <div class="dropdown">
<label <label
tabindex="0" tabindex="0"
class="btn btn-sm m-1 w-full justify-between" class="btn btn-sm m-1 w-[140px] justify-between"
> >
<span id="hasFoodFilterLabel">All</span> <span id="hasFoodFilterLabel">All</span>
<svg <svg