revert menu icon to its original view
This commit is contained in:
parent
e62ad6b9c9
commit
b36f39d3d9
front/src/Components
@ -4,7 +4,6 @@
|
|||||||
import { menuVisiblilityStore } from "../../Stores/MenuStore";
|
import { menuVisiblilityStore } from "../../Stores/MenuStore";
|
||||||
import { chatVisibilityStore } from "../../Stores/ChatStore";
|
import { chatVisibilityStore } from "../../Stores/ChatStore";
|
||||||
import { get } from "svelte/store";
|
import { get } from "svelte/store";
|
||||||
import Woka from "../Woka/Woka.svelte";
|
|
||||||
|
|
||||||
function showMenu() {
|
function showMenu() {
|
||||||
menuVisiblilityStore.set(!get(menuVisiblilityStore));
|
menuVisiblilityStore.set(!get(menuVisiblilityStore));
|
||||||
@ -17,9 +16,7 @@
|
|||||||
<svelte:window />
|
<svelte:window />
|
||||||
|
|
||||||
<main class="menuIcon">
|
<main class="menuIcon">
|
||||||
<div class="nes-pointer woka" on:click|preventDefault={showMenu}>
|
<img src={logoWA} alt="open menu" class="nes-pointer" on:click|preventDefault={showMenu} />
|
||||||
<Woka userId={-1} placeholderSrc={logoWA} />
|
|
||||||
</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>
|
||||||
|
|
||||||
@ -36,20 +33,10 @@
|
|||||||
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);
|
||||||
}
|
}
|
||||||
|
|
||||||
.menuIcon .woka:hover {
|
|
||||||
transform: scale(1.2);
|
|
||||||
}
|
|
||||||
@media only screen and (max-width: 800px), only screen and (max-height: 800px) {
|
@media only screen and (max-width: 800px), only screen and (max-height: 800px) {
|
||||||
.menuIcon {
|
.menuIcon {
|
||||||
display: inline-grid;
|
display: inline-grid;
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<script lang="typescript">
|
<script lang="typescript">
|
||||||
import { onDestroy } from 'svelte';
|
import { onDestroy } from "svelte";
|
||||||
|
|
||||||
import { gameManager } from '../../Phaser/Game/GameManager';
|
import { gameManager } from "../../Phaser/Game/GameManager";
|
||||||
|
|
||||||
export let userId: number;
|
export let userId: number;
|
||||||
export let placeholderSrc: string;
|
export let placeholderSrc: string;
|
||||||
@ -17,7 +17,7 @@ import { onDestroy } from 'svelte';
|
|||||||
onDestroy(unsubscribe);
|
onDestroy(unsubscribe);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<img src={src} alt="" class="nes-pointer">
|
<img {src} alt="" class="nes-pointer" />
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
img {
|
img {
|
||||||
|
Loading…
Reference in New Issue
Block a user