fixed Woka picture positioning

This commit is contained in:
Hanusiak Piotr 2021-12-01 10:26:09 +01:00
parent 407879528e
commit bf618f1c9d
3 changed files with 14 additions and 12 deletions

View File

@ -16,7 +16,9 @@
<svelte:window/>
<main class="menuIcon">
<div class="nes-pointer woka" on:click|preventDefault={showMenu}><Woka userId={-1}/></div>
<div class="nes-pointer woka" on:click|preventDefault={showMenu}>
<Woka userId={-1}/>
</div>
<img src={logoTalk} alt="open menu" class="nes-pointer" on:click|preventDefault={showChat}>
</main>
@ -33,6 +35,12 @@
margin: 3px;
image-rendering: pixelated;
}
.woka {
pointer-events: auto;
width: 60px;
padding-top: 0;
margin: 3px;
}
}
.menuIcon img:hover{
transform: scale(1.2);

View File

@ -46,12 +46,3 @@
<SoundMeterWidget stream={$streamStore} />
{/if}
</div>
<style lang="scss">
.video-container i img {
display: block;
// left: calc(50% - 45px);
// top: calc(50% - 45px);
padding: 30;
}
</style>

View File

@ -25,7 +25,10 @@ import { onDestroy } from 'svelte';
pointer-events: auto;
width: 60px;
height: 60px;
margin: 3px;
left: calc(50% - 30px);
top: calc(50% - 30px);
margin: 0;
padding: 0;
image-rendering: pixelated;
}
</style>