albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Ranklist time range align

Browse source
This commit is contained in:
mrfry 2021-03-16 17:57:06 +01:00
parent 1a27d0b881
commit 75ca103b1f
2 changed files with 29 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/pages/ranklist.js
View file

@ -145,27 +145,25 @@ export default function RankList() {
</p> </p>
</div> </div>
<Sleep /> <Sleep />
<center> <div className={styles.timeRangeSelect}>
<label> <div>Megjelenítés:</div>
Megjelenítés: <select
<select className={styles.sinceHeaderRow}
className={styles.sinceHeaderRow} onChange={(e) => {
onChange={(e) => { console.log(e.target.value)
console.log(e.target.value) updateSince(e.target.value)
updateSince(e.target.value) }}
}} >
> {Object.keys(sinceOptions).map((key) => {
{Object.keys(sinceOptions).map((key) => { const val = sinceOptions[key]
const val = sinceOptions[key] return (
return ( <option key={key} value={key}>
<option key={key} value={key}> {val.name}
{val.name} </option>
</option> )
) })}
})} </select>
</select> </div>
</label>
</center>
<div className={styles.headerRow}> <div className={styles.headerRow}>
<div>{'Rank'}</div> <div>{'Rank'}</div>
<div>{'Felhasználó ID'}</div> <div>{'Felhasználó ID'}</div>

10
src/pages/ranklist.module.css
View file

@ -106,3 +106,13 @@
.sumrow { .sumrow {
color: white; color: white;
} }
.timeRangeSelect {
display: flex;
justify-content: center;
align-items: center;
}
.timeRangeSelect > div {
padding: 0px 5px;
}