AtlasMediaGroup/Scissors-Website
1
0
Fork 0
mirror of https://github.com/AtlasMediaGroup/Scissors-Website.git synced 2024-11-05 17:16:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

An improvement to the download page

Browse Source
This commit is contained in:
Focusvity 2022-06-24 22:23:03 +10:00
parent 4fa125fb5d
commit de200c1265
No known key found for this signature in database
GPG Key ID: 85AD157561ABE94B
2 changed files with 30 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/css/DownloadPage.css
View File

@ -4,6 +4,10 @@ body {
margin: 0; margin: 0;
} }
th, td {
color: white;
}
ul > li { ul > li {
color: white; color: white;
} }
@ -17,14 +21,16 @@ ul {
} }
.builds { .builds {
margin: 0 auto;
padding: 0; padding: 0;
flex-direction: column; flex-direction: column;
background-color: #363534; background-color: #363534;
width: 80%;
} }
.builds > li { .builds > li {
padding-left: 1vw; padding-left: 25px;
height: 10vh; height: 95px;
width: 100%; width: 100%;
border-bottom: 2px solid black; border-bottom: 2px solid black;
display: table; display: table;
@ -32,9 +38,9 @@ ul {
} }
.builds > li > .btn { .builds > li > .btn {
border-radius: 1vh !important; border-radius: 10px !important;
position: relative; position: relative;
top: 3vh; top: 28px;
} }
.selected { .selected {
@ -57,11 +63,11 @@ ul[class^="changes-"] > li {
flex-wrap: nowrap; flex-wrap: nowrap;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 0.75vw; font-size: 15px;
position: relative; position: relative;
bottom: 1vh; bottom: 3px;
left: 2vw; left: 38px;
width: 50%; width: 75%;
} }
ul[class^="changes-"] > li > a { ul[class^="changes-"] > li > a {
@ -73,9 +79,9 @@ ul[class^="changes-"] > li > a {
.date { .date {
display: table-cell; display: table-cell;
float: right; float: right;
right: 10vw; right: 75px;
position: relative; position: relative;
bottom: 2vh; bottom: 25px;
} }
.nochanges { .nochanges {
@ -84,13 +90,23 @@ ul[class^="changes-"] > li > a {
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.builds {
width: 100%;
}
ul[class^="changes-"] > li { ul[class^="changes-"] > li {
position: relative; position: relative;
left: 5vw; left: 30px;
font-size: 3vw; font-size: 13px;
}
.date {
right: 20px;
bottom: 28px;
font-size: 13px;
} }
.nochanges { .nochanges {
bottom: 1vh; bottom: 11px;
} }
} }

4
src/pages/DownloadPage.tsx
View File

@ -8,8 +8,6 @@ import { Alert } from "react-bootstrap";
import { Container } from "react-bootstrap"; import { Container } from "react-bootstrap";
import dayjs from "dayjs"; import dayjs from "dayjs";
// Currently the timestamp here is undefined regardless of jenkins timestamp!
const DownloadPage = () => { const DownloadPage = () => {
const [jobs, setJobs] = useState(new Map<Job, Build[]>()) const [jobs, setJobs] = useState(new Map<Job, Build[]>())
const [version, setVersion] = useState("1.19") const [version, setVersion] = useState("1.19")
@ -82,7 +80,7 @@ const DownloadPage = () => {
return <li>[<a href={`https://github.com/AtlasMediaGroup/Scissors/commit/${value1.id}`}>{value1.id}</a>]&nbsp;&nbsp;{value1.comment}</li> return <li>[<a href={`https://github.com/AtlasMediaGroup/Scissors/commit/${value1.id}`}>{value1.id}</a>]&nbsp;&nbsp;{value1.comment}</li>
})} })}
</ul> </ul>
<span className={value.changes && value.changes?.length > 0 ? "date" : "date nochanges"}>{dayjs(value.timestamp!).format("MM/DD/YYYY [at] h:mm A")}</span> <span className={value.changes && value.changes?.length > 0 ? "date" : "date nochanges"}>{dayjs(value.timestamp!).format("MM/DD/YYYY [at] hh:mm A")}</span>
</li> </li>
})} })}
</ul> </ul>