tietokonepaja/lootakalenteri-frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Guide text

Browse Source
This commit is contained in:
Veikko Lintujärvi
2025-06-29 18:45:15 +03:00
parent 57db52cd5d
commit 6eac268c3d
2 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/components/Calendar.module.css
View File

@@ -130,7 +130,6 @@
padding: 10px 20px; padding: 10px 20px;
margin-right: 1rem; margin-right: 1rem;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
} }
.boxModalCancelButton { .boxModalCancelButton {
@@ -139,5 +138,18 @@
border-radius: 10px; border-radius: 10px;
padding: 10px 20px; padding: 10px 20px;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.guideText {
color: #555;
text-align: center;
margin-bottom: 2rem;
font-size: 0.8rem;
max-width: 35rem;
margin-left: auto;
margin-right: auto;
h3 {
margin-top: 0rem;
}
} }

5
app/components/Calendar.tsx
View File

@@ -213,6 +213,11 @@ export default function Calendar() {
<div className={styles.latestBoxBtnContainer}> <div className={styles.latestBoxBtnContainer}>
{renderLatestBoxButton()} {renderLatestBoxButton()}
</div> </div>
<div className={styles.guideText}>
<h3>Käyttöohje</h3>
Klikkaa laatikon päivää kuitataksesi sen haetuksi tai peruuttaaksesi haun.
Jakopäivät näkyvät vaalean vihreinä. Jos laatikko on jo haettu, se näkyy tumman vihreänä.
</div>
<div className={styles.calendarGrid}> <div className={styles.calendarGrid}>
<span>Ma</span> <span>Ma</span>
<span>Ti</span> <span>Ti</span>