Neuskakování šipek

This commit is contained in:
Martin Berka 2024-01-25 19:18:05 +01:00
parent 56125eea2e
commit e735af4fc1
2 changed files with 4 additions and 3 deletions

View File

@ -56,7 +56,7 @@
} }
.title { .title {
margin: 50px 30px; margin: 50px 20px;
} }
.food-tables { .food-tables {

View File

@ -362,13 +362,14 @@ function App() {
<ul> <ul>
<li>Možnost skrytí polévek</li> <li>Možnost skrytí polévek</li>
<li>Možnost "Rozhoduji se"</li> <li>Možnost "Rozhoduji se"</li>
<li>Neuskakování data vlevo při přechodu na pondělí</li>
</ul> </ul>
</Alert> </Alert>
{dayIndex != null && {dayIndex != null &&
<div className='day-navigator'> <div className='day-navigator'>
{dayIndex > 0 && <FontAwesomeIcon title="Předchozí den" icon={faChevronLeft} style={{ cursor: "pointer" }} onClick={() => handleDayChange(dayIndex - 1)} />} <FontAwesomeIcon title="Předchozí den" icon={faChevronLeft} style={{ cursor: "pointer", visibility: dayIndex > 0 ? "initial" : "hidden" }} onClick={() => handleDayChange(dayIndex - 1)} />
<h1 className='title' style={{ color: dayIndex === data.todayWeekIndex ? 'black' : 'gray' }}>{data.date}</h1> <h1 className='title' style={{ color: dayIndex === data.todayWeekIndex ? 'black' : 'gray' }}>{data.date}</h1>
{dayIndex < 4 && <FontAwesomeIcon title="Následující den" icon={faChevronRight} style={{ cursor: "pointer" }} onClick={() => handleDayChange(dayIndex + 1)} />} <FontAwesomeIcon title="Následující den" icon={faChevronRight} style={{ cursor: "pointer", visibility: dayIndex < 4 ? "initial" : "hidden" }} onClick={() => handleDayChange(dayIndex + 1)} />
</div> </div>
} }
<Row className='food-tables'> <Row className='food-tables'>