nicola/resumarkdown
1
0
Fork 0
Code

adjust code input styles to prevent zooming on mobile

Browse Source
This commit is contained in:
Nicola Clark 2024-10-12 11:16:31 -05:00
parent 424db4eaa1
commit 75445601aa
Signed by: nicola
GPG Key ID: 3E1710E7FF08956C
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/code-input.svelte
View File

@ -9,10 +9,18 @@
border: 1px solid @color-dark;
border-radius: @border-r-xl;
box-sizing: border-box;
height: .full-without-padding(@padding-xl-y) [];
margin: @padding-xl;
font-size: @font-s-md;
height: .full-without-padding(@padding-lg-y) [];
margin: @padding-lg;
padding: @padding-lg;
resize: none;
width: .full-without-padding(@padding-xl-x) [];
width: .full-without-padding(@padding-lg-x) [];
@media screen and (min-width: @sizes[lg]) {
font-size: unset;
height: .full-without-padding(@padding-xl-y) [];
margin: @padding-xl;
width: .full-without-padding(@padding-xl-x) [];
}
}
</style>