Merge pull request #122 from esSteres/hotfix

Hotfix safari mobile display
This commit is contained in:
Sakimori 2021-01-04 18:14:07 -05:00 committed by GitHub
commit fd249efb39
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 32 deletions

View File

@ -19,7 +19,7 @@
border-top: none; border-top: none;
border-right: none; border-right: none;
border-bottom: none; border-bottom: none;
height: max-content; height: min-content;
} }
.header { .header {
@ -41,7 +41,7 @@
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-areas: grid-template-areas:
"teams teams info" "players players info" "update update update"; "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-row-gap: 0.5rem;
grid-column-gap: 0.75rem; grid-column-gap: 0.75rem;
} }
@ -196,33 +196,21 @@
} }
@media only screen and (max-device-width: 800px) { @media only screen and (max-device-width: 800px) {
.batting { .game {
font-size: 15pt; font-size: 15pt;
text-align: left;
height: max-content;
padding: 5px;
} }
.leagueoruser { .batting, .leagueoruser {
font-size: 15pt; font-size: 14pt;
text-align: right; padding: 3px;
height: max-content;
padding: 5px;
} }
.team_name, .score { .team_name, .score {
font-size: 23px font-size: 25px
} }
.players { .players {
font-size: 20px; 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 { .update_emoji, .update_text {

View File

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