Add a timer container with min width so the rest of the navbar does not jump around
This commit is contained in:
parent
6455a3c087
commit
e489ebec7a
|
|
@ -62,7 +62,7 @@ function FullscreenPageHeader(props) {
|
||||||
<FilterDropdown {...props.filter} />
|
<FilterDropdown {...props.filter} />
|
||||||
<NavbarBrand>{props.title}</NavbarBrand>
|
<NavbarBrand>{props.title}</NavbarBrand>
|
||||||
{props.timerEnd &&
|
{props.timerEnd &&
|
||||||
<div className="ml-auto">Spielzeit: <NavbarBrand><Timer timerEnd={props.timerEnd}/></NavbarBrand></div>
|
<div className="ml-auto timer-container">Spielzeit: <NavbarBrand><Timer timerEnd={props.timerEnd}/></NavbarBrand></div>
|
||||||
}
|
}
|
||||||
</Navbar>
|
</Navbar>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -26,3 +26,8 @@
|
||||||
.scoreInput {
|
.scoreInput {
|
||||||
width: 11rem;
|
width: 11rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.timer-container {
|
||||||
|
min-width: 20%; /* Adjust the percentage as needed */
|
||||||
|
text-align: right; /* Optional: Align text to the right */
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue