revert menu icon to its original view
This commit is contained in:
parent
e62ad6b9c9
commit
b36f39d3d9
2 changed files with 5 additions and 18 deletions
|
@ -4,7 +4,6 @@
|
|||
import { menuVisiblilityStore } from "../../Stores/MenuStore";
|
||||
import { chatVisibilityStore } from "../../Stores/ChatStore";
|
||||
import { get } from "svelte/store";
|
||||
import Woka from "../Woka/Woka.svelte";
|
||||
|
||||
function showMenu() {
|
||||
menuVisiblilityStore.set(!get(menuVisiblilityStore));
|
||||
|
@ -17,9 +16,7 @@
|
|||
<svelte:window />
|
||||
|
||||
<main class="menuIcon">
|
||||
<div class="nes-pointer woka" on:click|preventDefault={showMenu}>
|
||||
<Woka userId={-1} placeholderSrc={logoWA} />
|
||||
</div>
|
||||
<img src={logoWA} alt="open menu" class="nes-pointer" on:click|preventDefault={showMenu} />
|
||||
<img src={logoTalk} alt="open menu" class="nes-pointer" on:click|preventDefault={showChat} />
|
||||
</main>
|
||||
|
||||
|
@ -36,20 +33,10 @@
|
|||
margin: 3px;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
.woka {
|
||||
pointer-events: auto;
|
||||
width: 60px;
|
||||
padding-top: 0;
|
||||
margin: 3px;
|
||||
}
|
||||
}
|
||||
.menuIcon img:hover {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.menuIcon .woka:hover {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
@media only screen and (max-width: 800px), only screen and (max-height: 800px) {
|
||||
.menuIcon {
|
||||
display: inline-grid;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue