KevinMidboe/vinlottis
1
0
Fork 0
Code Issues 8 Pull Requests 14 Packages Projects Releases Wiki Activity

Formatting on buttons on mobile and desktop

Browse Source
This commit is contained in:
Kevin
2020-01-22 11:13:03 +01:00
parent 0aae89b25f
commit 37c90fcb57
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/GeneratePage.vue
View File

@@ -167,6 +167,8 @@ button {
input { input {
font-size: 1.5rem; font-size: 1.5rem;
padding: 8px; padding: 8px;
margin: 0;
height: 3rem;
} }
.container { .container {
font-family: Knowit; font-family: Knowit;
@@ -194,9 +196,9 @@ button {
color: #333333; color: #333333;
padding: 10px 30px; padding: 10px 30px;
width: fit-content; width: fit-content;
margin: auto; margin: 0;
font-size: 1.3rem; font-size: 1.3rem;
height: 48px; height: calc(3rem + 1.8px);
} }
.colors-text { .colors-text {
@@ -221,16 +223,13 @@ button {
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
input {
border: 1px solid #333333;
}
input, input,
button { button {
font-size: 1rem; font-size: 1.3rem;
} }
button { input {
height: calc(2rem + 6px); width: 45vw;
} }
p { p {