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

Bootstrap and text overhaul

This commit is contained in:
Daniel Schädler 2025-03-17 15:44:47 +01:00
parent 5a00e2a100
commit 7a15106d01
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
js/components/FavoriteBar.js
View File

@ -89,20 +89,23 @@ export function FavoriteBar({teams}) {
return ( return (
<div className="favorites border-bottom py-2 px-1"> <div className="favorites border-bottom py-2 px-1">
<div style={{display: 'flex', alignItems: 'center'}}> <div className="d-flex align-items-center">
<h1 className="custom-font px-2" ref={headingRef}>Favorit:</h1> <h1 className="custom-font px-2" ref={headingRef}>Favorit:</h1>
<p className="m-2">{favorite ? favorite.name : ''}</p> <p className="m-2">{favorite ? favorite.name : ''}</p>
<ButtonGroup className="m-2"> <ButtonGroup className="m-2">
<Button title="Favorit Auswahlmenü öffnen/schließen" onClick={() => setIsVisible(!isVisible)}> <Button
<FaHeartCirclePlus/> title="{isVisible ? 'Favoriten schließen' : 'Favoriten öffnen'}"
onClick={() => setIsVisible(!isVisible)}
>
<FaHeartCirclePlus />
</Button> </Button>
{favorite && ( {favorite && (
<Button <Button
title="Zum aktuellen Spiel springen" title="Zum aktuellen Spiel des Favoriten springen"
onClick={scrollToFavorite} onClick={scrollToFavorite}
className={isPulsing ? 'pulse-animation' : ''} className={isPulsing ? 'pulse-animation' : ''}
> >
<FaArrowTurnDown/> <FaArrowTurnDown />
</Button> </Button>
)} )}
</ButtonGroup> </ButtonGroup>