josh/NHL-Scoreboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: adjust pre and final state

Browse Source
This commit is contained in:
Goddard
2024-02-21 01:30:00 -05:00
parent d285314a28
commit dd8d1ca12b
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/static/styles.css
View File

@@ -10,7 +10,7 @@ h1 {
margin-top: 15px; margin-top: 15px;
margin-bottom: 25px; margin-bottom: 25px;
color: #f2f2f2; color: #f2f2f2;
font-size: 2em; font-size: 2.2em;
} }
.scoreboard { .scoreboard {
@@ -26,7 +26,7 @@ h1 {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 1%; padding: 1%;
width: 16%; width: 16%;
max-width: 300px; max-width: 350px;
position: relative; position: relative;
margin-left: 1%; margin-left: 1%;
margin-right: 1%; margin-right: 1%;
@@ -52,7 +52,7 @@ h1 {
} }
.team-name { .team-name {
font-size: 90%; font-size: 0.95rem;
font-weight: bold; font-weight: bold;
} }
@@ -64,7 +64,7 @@ h1 {
} }
.team-score { .team-score {
font-size: 130%; font-size: 1.35rem;
font-weight: bold; font-weight: bold;
margin-left: auto; margin-left: auto;
} }
@@ -83,7 +83,7 @@ h1 {
} }
.team-sog { .team-sog {
font-size: 65%; font-size: 0.75rem;
color: #ddd; color: #ddd;
} }
@@ -125,12 +125,12 @@ h1 {
background-color: #444; background-color: #444;
padding: 1.5%; padding: 1.5%;
border-radius: 5px; border-radius: 5px;
font-size: 0.65rem; font-size: 0.7rem;
color: #fff; color: #fff;
font-weight: bolder; font-weight: bolder;
z-index: 1; z-index: 1;
width: auto; width: auto;
height: 10%; height: 7%;
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
align-items: center; align-items: center;
@@ -150,12 +150,15 @@ h1 {
background-color: #444; background-color: #444;
padding: 1.5%; padding: 1.5%;
border-radius: 5px; border-radius: 5px;
font-size: 65%; font-size: 0.7rem;
color: #ddd; color: #ddd;
z-index: 1; z-index: 1;
font-weight: bold; font-weight: bold;
width: auto; width: auto;
height: 7.5%; height: 7%;
display: flex;
justify-content: space-evenly;
align-items: center;
} }
.live-state { .live-state {