Stick progress bar to the bottom

Previously it jolted around all the other content
which looks gross so now it's absolute positioned bottom.
This commit is contained in:
Brandon Presley 2023-11-12 23:35:43 +13:00
parent e65c053a62
commit bf6863000f
1 changed files with 7 additions and 1 deletions

View File

@ -21,6 +21,7 @@ import { TickEvent } from "./TimerPage";
import { TOAST } from "./toast";
import { ThemeContext } from "./use-theme";
import Settings from "./settings";
import { MARGIN } from "./constants";
export const CombinedDefaultTheme = {
...NavigationDefaultTheme,
@ -133,7 +134,12 @@ const App = () => {
{snackbar}
</Snackbar>
{progress > 0 && <ProgressBar progress={progress} />}
{progress > 0 && (
<ProgressBar
style={{ position: "absolute", bottom: MARGIN / 2 }}
progress={progress}
/>
)}
</PaperProvider>
);
};