kass/matteo-the-prestige
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

fix safari display, maybe

Browse Source
This commit is contained in:
Elijah Steres 2021-01-04 17:57:13 -05:00
parent 27c1a787d1
commit 808712a7c7
2 changed files with 9 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
static/css/game.css
View File

@ -19,7 +19,7 @@
border-top: none;
border-right: none;
border-bottom: none;
height: max-content;
height: min-content;
}
.header {
@ -41,7 +41,7 @@
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-areas:
"teams teams info" "players players info" "update update update";
grid-template-rows: 5.5rem auto auto;
grid-template-rows: minmax(5.75rem, min-content) minmax(4rem, min-content) minmax(4rem, min-content);
grid-row-gap: 0.5rem;
grid-column-gap: 0.75rem;
}
@ -196,33 +196,21 @@
}
@media only screen and (max-device-width: 800px) {
.batting {
.game {
font-size: 15pt;
text-align: left;
height: max-content;
padding: 5px;
}
.leagueoruser {
font-size: 15pt;
text-align: right;
height: max-content;
padding: 5px;
.batting, .leagueoruser {
font-size: 14pt;
padding: 3px;
}
.team_name, .score {
font-size: 23px
font-size: 25px
}
.players {
font-size: 20px;
grid-area: players;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
height: 100%;
padding-right: 50px;
}
.update_emoji, .update_text {

15
static/css/games_page.css
View File

@ -7,7 +7,7 @@
grid-auto-flow: row;
}
.container > div {
.emptyslot, .game {
min-height: 298px;
}
@ -68,12 +68,6 @@
.container {
display: grid;
grid-template-columns: repeat(1, minmax(700px, 90%));
grid-template-rows: 400px;
grid-gap: 50px 30px; /*space between rows, then columns*/
align-items: center;
justify-items: center;
grid-auto-rows: 400px;
grid-auto-flow: row;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
@ -81,11 +75,6 @@
.emptyslot {
border: none;
border-radius: 15px;
align-self: stretch;
justify-self: stretch;
text-align: center;
color: white;
flex: 1;
min-height: 0px;
}
}