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 {Timer} from './Timer';
const TournamentTimer = ({timerEnd, className}) => (
const NavbarTimer = ({timerEnd, 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>
);
@ -30,15 +30,15 @@ export class TurniereNavigation extends React.Component {
return (
<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 &&
<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}/>
<Collapse isOpen={!this.state.collapsed} navbar>
<NavLinks/>
{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">
<LoginLogoutButtons/>

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

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