_Bastler/partey_workadventure
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

change font-size

Browse Source 
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
1 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
front/src/Components/EnableCamera/EnableCameraScene.svelte
View File

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