turniere
/
turniere-frontend
mirror of https://github.com/turniere/turniere-frontend.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Add a container for dropdown as well so that heading is centered

This commit is contained in:
Daniel Schädler 2025-03-14 12:38:19 +01:00
parent e489ebec7a
commit c33a309c10
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/tournament-fullscreen.js
View File

@ -59,7 +59,7 @@ function FilterDropdown(props) {
function FullscreenPageHeader(props) { function FullscreenPageHeader(props) {
return ( return (
<Navbar color="light" className="mb-4 border-bottom py-0"> <Navbar color="light" className="mb-4 border-bottom py-0">
<FilterDropdown {...props.filter} /> <div className="ml-auto dropdown-container"><FilterDropdown {...props.filter} /></div>
<NavbarBrand>{props.title}</NavbarBrand> <NavbarBrand>{props.title}</NavbarBrand>
{props.timerEnd && {props.timerEnd &&
<div className="ml-auto timer-container">Spielzeit: <NavbarBrand><Timer timerEnd={props.timerEnd}/></NavbarBrand></div> <div className="ml-auto timer-container">Spielzeit: <NavbarBrand><Timer timerEnd={props.timerEnd}/></NavbarBrand></div>

9
public/static/css/tournament.css
View File

@ -28,6 +28,11 @@
} }
.timer-container { .timer-container {
min-width: 20%; /* Adjust the percentage as needed */ min-width: 20%;
text-align: right; /* Optional: Align text to the right */ text-align: right;
}
.dropdown-container {
min-width: 20%;
text-align: left;
} }