robonen/canvas-3d
1
0
Fork 0
mirror of https://github.com/robonen/canvas-3d.git synced 2026-03-20 10:54:39 +00:00
Code Activity

feat(engine): rendering experiments

Browse Source
This commit is contained in:
Andrew Robonen
2022-11-23 22:16:56 +07:00
parent 2d891c76cd
commit 9a5c028ac0
6 changed files with 171 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/layouts/default.vue
View File

@@ -1,19 +1,18 @@
<script setup lang="ts">
const showMenu = ref<boolean>(true);
const showMenu = ref<boolean>(false);
</script>
<template>
<div class="wrapper">
<div class="content">
<button v-if="!showMenu" class="button" @click="showMenu = true">
<button v-if="!showMenu" class="button button__show" @click="showMenu = true">
<IconMenu/>
</button>
<template v-else>
<div class="controls">
<slot/>
</div>
<button class="button" @click="showMenu = false">
<button class="button button__hide" @click="showMenu = false">
<IconHide/>
</button>
</template>
@@ -61,6 +60,16 @@ const showMenu = ref<boolean>(true);
z-index: 3;
}
.button__show {
width: 25px;
height: 25px;
}
.button__hide {
width: 22px;
height: 22px;
}
.canvas {
position: absolute;
width: 100%;