fixed Woka picture positioning
This commit is contained in:
parent
407879528e
commit
bf618f1c9d
@ -16,7 +16,9 @@
|
|||||||
<svelte:window/>
|
<svelte:window/>
|
||||||
|
|
||||||
<main class="menuIcon">
|
<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}>
|
<img src={logoTalk} alt="open menu" class="nes-pointer" on:click|preventDefault={showChat}>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
@ -33,6 +35,12 @@
|
|||||||
margin: 3px;
|
margin: 3px;
|
||||||
image-rendering: pixelated;
|
image-rendering: pixelated;
|
||||||
}
|
}
|
||||||
|
.woka {
|
||||||
|
pointer-events: auto;
|
||||||
|
width: 60px;
|
||||||
|
padding-top: 0;
|
||||||
|
margin: 3px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.menuIcon img:hover{
|
.menuIcon img:hover{
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
|
@ -46,12 +46,3 @@
|
|||||||
<SoundMeterWidget stream={$streamStore} />
|
<SoundMeterWidget stream={$streamStore} />
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.video-container i img {
|
|
||||||
display: block;
|
|
||||||
// left: calc(50% - 45px);
|
|
||||||
// top: calc(50% - 45px);
|
|
||||||
padding: 30;
|
|
||||||
}
|
|
||||||
</style>
|
|
@ -25,7 +25,10 @@ import { onDestroy } from 'svelte';
|
|||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
margin: 3px;
|
left: calc(50% - 30px);
|
||||||
|
top: calc(50% - 30px);
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
image-rendering: pixelated;
|
image-rendering: pixelated;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue
Block a user