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

Support for Spiel Vorbei! string

This commit is contained in:
Daniel Schädler 2025-03-19 22:13:15 +01:00
parent fad7653615
commit 709fb26512
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
js/components/Navigation.js
View File

@ -8,9 +8,9 @@ import {logout} from '../api';
import {notify} from 'react-notify-toast'; import {notify} from 'react-notify-toast';
import {Timer} from './Timer'; import {Timer} from './Timer';
const TournamentTimer = ({timerEnd, className}) => ( const NavbarTimer = ({timerEnd, className}) => (
<NavbarText className={className}> <NavbarText className={className}>
<span className={'hide-below-340-w'}>Spielzeit: </span><Timer timerEnd={timerEnd}/> <span className={'hide-below-400-w'}>Spielzeit: </span><Timer timerEnd={timerEnd}/>
</NavbarText> </NavbarText>
); );
@ -30,15 +30,15 @@ export class TurniereNavigation extends React.Component {
return ( return (
<Navbar color="light" light expand="lg" sticky="top"> <Navbar color="light" light expand="lg" sticky="top">
<NavbarBrand className={'hide-below-260-w'} href="/">turnie.re</NavbarBrand> <NavbarBrand className={'hide-below-320-w'} href="/">turnie.re</NavbarBrand>
{tournament && tournament.timerEnd && {tournament && tournament.timerEnd &&
<TournamentTimer timerEnd={tournament.timerEnd} className="m-auto hide-above-992-w"/> <NavbarTimer timerEnd={tournament.timerEnd} className="m-auto hide-above-992-w"/>
} }
<NavbarToggler onClick={this.toggle}/> <NavbarToggler onClick={this.toggle}/>
<Collapse isOpen={!this.state.collapsed} navbar> <Collapse isOpen={!this.state.collapsed} navbar>
<NavLinks/> <NavLinks/>
{tournament && tournament.timerEnd && {tournament && tournament.timerEnd &&
<TournamentTimer timerEnd={tournament.timerEnd} className="m-auto hide-below-992-w"/> <NavbarTimer timerEnd={tournament.timerEnd} className="m-auto hide-below-992-w"/>
} }
<div className="ms-auto"> <div className="ms-auto">
<LoginLogoutButtons/> <LoginLogoutButtons/>

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

@ -96,14 +96,14 @@
text-align: left; text-align: left;
} }
@media (max-width: 340px) { @media (max-width: 400px) {
.hide-below-340-w { .hide-below-400-w {
display: none; display: none;
} }
} }
@media (max-width: 260px) { @media (max-width: 320px) {
.hide-below-260-w { .hide-below-320-w {
display: none; display: none;
} }
} }