Merge branch 'indev' of https://github.com/Sakimori/matteo-the-prestige into indev
This commit is contained in:
commit
759f274efc
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user