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:
parent
e65c053a62
commit
bf6863000f
8
App.tsx
8
App.tsx
|
@ -21,6 +21,7 @@ import { TickEvent } from "./TimerPage";
|
||||||
import { TOAST } from "./toast";
|
import { TOAST } from "./toast";
|
||||||
import { ThemeContext } from "./use-theme";
|
import { ThemeContext } from "./use-theme";
|
||||||
import Settings from "./settings";
|
import Settings from "./settings";
|
||||||
|
import { MARGIN } from "./constants";
|
||||||
|
|
||||||
export const CombinedDefaultTheme = {
|
export const CombinedDefaultTheme = {
|
||||||
...NavigationDefaultTheme,
|
...NavigationDefaultTheme,
|
||||||
|
@ -133,7 +134,12 @@ const App = () => {
|
||||||
{snackbar}
|
{snackbar}
|
||||||
</Snackbar>
|
</Snackbar>
|
||||||
|
|
||||||
{progress > 0 && <ProgressBar progress={progress} />}
|
{progress > 0 && (
|
||||||
|
<ProgressBar
|
||||||
|
style={{ position: "absolute", bottom: MARGIN / 2 }}
|
||||||
|
progress={progress}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
</PaperProvider>
|
</PaperProvider>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue
Block a user