Change all filter icon to bx bx-slider-alt ms-2. In image Gallery, Directory and Project List.
This commit is contained in:
parent
a9078bea77
commit
12d8184b70
@ -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}
|
||||||
|
|||||||
@ -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 ? (
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user