mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-26 04:18:55 +01:00
new buttons for mobile~~
This commit is contained in:
parent
9ef3d9e78e
commit
11221fcacc
1 changed files with 19 additions and 14 deletions
|
@ -254,21 +254,24 @@ body {
|
||||||
height:66px
|
height:66px
|
||||||
}
|
}
|
||||||
.new-button {
|
.new-button {
|
||||||
background:#0009;
|
background: #0009;
|
||||||
border-radius:0.5em;
|
border-radius: 1.5em;
|
||||||
padding-right:1em;
|
padding-right: 1em;
|
||||||
display:flex;
|
display: flex;
|
||||||
justify-content:center;
|
justify-content: center;
|
||||||
align-items:center;
|
align-items: center;
|
||||||
align-content:center;
|
align-content: center;
|
||||||
width:max-content;
|
width: max-content;
|
||||||
margin-top:4px;
|
margin-top: 4px;
|
||||||
margin-left:3px;
|
margin-left: 3px;
|
||||||
margin-right:0
|
margin-right: 0;
|
||||||
|
border: solid 0.5px #333;
|
||||||
}
|
}
|
||||||
.pill-button {
|
.pill-button {
|
||||||
margin-left:1em;
|
margin-left: 1em;
|
||||||
font-family:ubuntu,sans-serif
|
font-family: 'PokeTube Flex';
|
||||||
|
font-stretch: ultra-expanded;
|
||||||
|
font-weight: 800;
|
||||||
}
|
}
|
||||||
.vertical {
|
.vertical {
|
||||||
border-left:1px solid gray;
|
border-left:1px solid gray;
|
||||||
|
@ -1742,7 +1745,7 @@ a.icon-link>i {
|
||||||
background:#fff;
|
background:#fff;
|
||||||
border-radius:2em;
|
border-radius:2em;
|
||||||
text-transform:initial;
|
text-transform:initial;
|
||||||
font-weight:900;
|
font-weight:1000;
|
||||||
padding:10px 16px;
|
padding:10px 16px;
|
||||||
border:none;
|
border:none;
|
||||||
margin-left:.5em;
|
margin-left:.5em;
|
||||||
|
@ -1768,11 +1771,13 @@ h3 {
|
||||||
ptd-custom-more {
|
ptd-custom-more {
|
||||||
color:#fff
|
color:#fff
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (orientation:landscape) {
|
@media screen and (orientation:landscape) {
|
||||||
.ptnewbuttons {
|
.ptnewbuttons {
|
||||||
margin-left:auto;
|
margin-left:auto;
|
||||||
width:fit-content;
|
width:fit-content;
|
||||||
width:-moz-fit-content;
|
width:-moz-fit-content;
|
||||||
|
overflow:scroll;
|
||||||
max-width:150em!important;
|
max-width:150em!important;
|
||||||
margin-right: auto !important;
|
margin-right: auto !important;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue