change font-size

Change width and margin of img on mobile
This commit is contained in:
GRL 2021-06-07 14:19:50 +02:00
parent cbf786fd56
commit dd0391687f

View file

@ -92,7 +92,7 @@
{#if $cameraListStore.length > 1 }
<div class="control-group">
<!--<img src={cinemaImg} alt="Camera" />-->
<img src={cinemaImg} alt="Camera" />
<div class="nes-select">
<select bind:value={selectedCamera} on:change={selectCamera}>
{#each $cameraListStore as camera}
@ -142,8 +142,8 @@
select {
font-family: "Press Start 2P";
/* margin-top: 1vh;
margin-bottom: 1vh;*/
margin-top: 1vh;
margin-bottom: 1vh;
option {
font-family: "Press Start 2P";
@ -176,7 +176,7 @@
img {
width: 30px;
margin-right: 5px;
margin-right: 10px;
}
}
@ -210,8 +210,18 @@
align-items: center;
justify-content: center;
}
}
@media only screen and (max-width: 800px) {
* {
font-size: 80%;
}
.enableCameraScene .control-group img {
width: 15px;
margin-right: 5px;
}
}
</style>