Change all filter icon to bx bx-slider-alt ms-2. In image Gallery, Directory and Project List.

This commit is contained in:
Kartik Sharma 2025-07-23 14:59:42 +05:30
parent a9078bea77
commit 12d8184b70
2 changed files with 3 additions and 7 deletions

View File

@ -300,7 +300,7 @@ const DirectoryPageHeader = ({
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
aria-expanded="false" aria-expanded="false"
> >
<i className={`bx bx-slider-alt ${notesFilterCount > 0 ? "text-primary" : "text-muted"}`}></i> <i className={`bx bx-slider-alt ms-1 ${notesFilterCount > 0 ? "text-primary" : "text-muted"}`}></i>
{notesFilterCount > 0 && ( {notesFilterCount > 0 && (
<span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}> <span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}>
{notesFilterCount} {notesFilterCount}
@ -433,7 +433,7 @@ const DirectoryPageHeader = ({
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
aria-expanded="false" aria-expanded="false"
> >
<i className={`bx bx-slider-alt ${filtered > 0 ? "text-primary" : "text-muted"}`}></i> <i className={`bx bx-slider-alt ms-1 ${filtered > 0 ? "text-primary" : "text-muted"}`}></i>
{filtered > 0 && ( {filtered > 0 && (
<span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}> <span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}>
{filtered} {filtered}

View File

@ -317,11 +317,7 @@ useEffect(() => {
onClick={() => setIsFilterPanelOpen((p) => !p)} onClick={() => setIsFilterPanelOpen((p) => !p)}
ref={filterButtonRef} ref={filterButtonRef}
> >
{isFilterPanelOpen ? ( {isFilterPanelOpen ? <i className="fa-solid fa-times fs-5"></i> : <i className="bx bx-slider-alt ms-1"></i>}
<i className="fa-solid fa-times fs-5" />
) : (
<i className="fa-solid fa-filter ms-1 fs-5" />
)}
</button> </button>
<div className="activity-section"> <div className="activity-section">
{isLoading ? ( {isLoading ? (