mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-04 17:38:10 +00:00
profile w2l disabled button fix
This commit is contained in:
1 parent
c2cacc0ad9
commit
7323db2099
2 files changed
+27
-17
No files matched your search
@@ -154,6 +154,7 @@ styles with important tags:
|
||||
border-color: $white;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
.btn-secondary:hover {
|
||||
background-color: #ccc;
|
||||
color: $secondary;
|
||||
@@ -161,6 +162,13 @@ styles with important tags:
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
.btn-secondary.disabled,
|
||||
.btn-secondary:disabled {
|
||||
color: rgba($secondary, 0.8);
|
||||
background-color: #fff;
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.btn-destructive,
|
||||
.btn-destructive:focus,
|
||||
.btn-destructive:active {
|
||||
|
||||
@@ -168,24 +168,26 @@ function ProfileW2lTemplateListFc(props: Props) {
|
||||
<div className="row gy-3 gx-3 gx-lg-4 gy-lg-4 w2l-ani">
|
||||
{allRowsOfTemplateElements.map((el) => el)}
|
||||
</div>
|
||||
<div className="d-flex w-100 gap-3 mt-4">
|
||||
<button
|
||||
className="btn btn-secondary w-100"
|
||||
disabled={isLastButtonDisabled}
|
||||
onClick={() => previousPage()}
|
||||
>
|
||||
<FontAwesomeIcon icon={faChevronLeft} className="me-2" />
|
||||
<span>Last Page</span>
|
||||
</button>
|
||||
<div>
|
||||
<div className="d-flex w-100 gap-3 mt-4">
|
||||
<button
|
||||
className="btn btn-secondary w-100"
|
||||
disabled={isLastButtonDisabled}
|
||||
onClick={() => previousPage()}
|
||||
>
|
||||
<FontAwesomeIcon icon={faChevronLeft} className="me-2" />
|
||||
<span>Last Page</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
className="btn btn-secondary w-100"
|
||||
disabled={isNextButtonDisabled}
|
||||
onClick={() => nextPage()}
|
||||
>
|
||||
<span>Next Page</span>
|
||||
<FontAwesomeIcon icon={faChevronRight} className="ms-2" />
|
||||
</button>
|
||||
<button
|
||||
className="btn btn-secondary w-100"
|
||||
disabled={isNextButtonDisabled}
|
||||
onClick={() => nextPage()}
|
||||
>
|
||||
<span>Next Page</span>
|
||||
<FontAwesomeIcon icon={faChevronRight} className="ms-2" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</Fade>
|
||||
);
|
||||
|
||||
Reference in new issue
Block a user