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} />
|
||||
<NavbarBrand>{props.title}</NavbarBrand>
|
||||
{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>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -26,3 +26,8 @@
|
|||
.scoreInput {
|
||||
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