jappel/scoreboard-js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refresh function for main frontend, separate main frontends for normal countdown and score+countdown

Browse Source
This commit is contained in:
Julian Appel
2024-05-17 21:22:57 +02:00
parent 35a0785bf3
commit e36a959071
9 changed files with 193 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scoreboard/public/stylesheets/index.css
+35 -49
View File
@@ -1,55 +1,41 @@
html, body {
height: 100%
}
body {
/* padding: 50px; */
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
background-color: #47BAEA;
}
a {
color: #00B7FF;
}
.durationLeft {
font-family: 'Seven Segment', sans-serif;
font-weight: bold;
height: 100%;
font-size: 50vh;
height: 100%
}
}
.score {
font-family: 'Seven Segment', sans-serif;
font-weight: bold;
font-size: 50vh
}
@media ( min-width: 768px ) {
.box-time {
height:25%
body {
/* padding: 50px; */
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
background-color: #47BAEA;
}
a {
color: #00B7FF;
}
.durationLeft {
font-size: 18vh
font-family: 'Seven Segment', sans-serif;
font-weight: bold;
height: 100%;
font-size: 100vh;
}
.box-etc {
height: 75%
}
}
@media ( min-width: 992px ) {
.box-time {
height:50%
}
.durationLeft {
font-size: 48vh
}
.box-etc {
height: 50%
}
}
@media ( min-width: 768px ) {
.box-time {
height:100%
}
.durationLeft {
font-size: 15vh
}
@media ( min-width: 992px ) {
.box-time {
height:100%
}
.durationLeft {
font-size: 96vh
}
}
scoreboard/public/stylesheets/indexScore.css
+55
View File
@@ -0,0 +1,55 @@
html, body {
height: 100%
}
body {
/* padding: 50px; */
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
background-color: #47BAEA;
}
a {
color: #00B7FF;
}
.durationLeft {
font-family: 'Seven Segment', sans-serif;
font-weight: bold;
height: 100%;
font-size: 50vh;
}
.score {
font-family: 'Seven Segment', sans-serif;
font-weight: bold;
font-size: 50vh
}
@media ( min-width: 768px ) {
.box-time {
height:25%
}
.durationLeft {
font-size: 18vh
}
.box-etc {
height: 75%
}
}
@media ( min-width: 992px ) {
.box-time {
height:50%
}
.durationLeft {
font-size: 48vh
}
.box-etc {
height: 50%
}
}