footer queue

This commit is contained in:
BFlat committed 2023-04-27 21:12:53 +07:00
1 parent 5dc5d457b5
commit 9df8a6d296
3 files changed
+15 -9

No files matched your search

@@ -809,6 +809,14 @@ styles with important tags:
}
}
.footer-bar {
font-size: 14px;
padding: 0.6rem 0;
background-color: lighten($panel, 2%);
border-bottom: 1px solid;
border-color: rgba($white, 0.04);
}
.result-text {
font-size: 18px;
}
@@ -108,16 +108,13 @@ function FooterNav(props: Props) {
return (
<div>
<footer id="footer">
<div className="top-bar d-none d-lg-flex">
<div className="container d-flex align-items-center">
{pendingTtsJobs.pending_job_count}
<div className="footer-bar text-center text-lg-start">
<div className="container fw-medium">
TTS Queued:{" "}
<span className="text-red">{pendingTtsJobs.pending_job_count}</span>
</div>
</div>
<div className="container py-5">
{/* <div className="pb-4">
<hr />
</div> */}
<div className="row gx-5 gy-5">
<div className="col-12 col-lg-3 d-flex flex-column gap-4 align-items-center align-items-lg-start">
<Link to="/">
@@ -227,7 +227,7 @@ function TopNav(props: Props) {
return (
<div>
<div className="top-bar d-none d-lg-flex">
{/* <div className="top-bar d-none d-lg-flex">
<div className="container d-flex align-items-center">
<div className="d-flex gap-4 flex-grow-1">
<Link
@@ -256,6 +256,7 @@ function TopNav(props: Props) {
</a>
</div>
<div className="d-flex gap-3 align-items-center">
<Tippy
content={`${
lowSpecView ? "Turn on animations" : "Turn off animations"
@@ -279,7 +280,7 @@ function TopNav(props: Props) {
</p>
</div>
</div>
</div>
</div> */}
<nav
className="navbar navbar-expand-lg navbar-dark pt-3"