Improve usability

This commit is contained in:
syuilo 2021-07-29 17:10:16 +09:00
parent 5d14d4b0de
commit fbcfd6606c

View file

@ -10,6 +10,7 @@
<span class="separator" v-if="folder != null"><i class="fas fa-angle-right"></i></span> <span class="separator" v-if="folder != null"><i class="fas fa-angle-right"></i></span>
<span class="folder current" v-if="folder != null">{{ folder.name }}</span> <span class="folder current" v-if="folder != null">{{ folder.name }}</span>
</div> </div>
<button @click="showMenu" class="menu _button"><i class="fas fa-ellipsis-h"></i></button>
</nav> </nav>
<div class="main" :class="{ uploading: uploadings.length > 0, fetching }" <div class="main" :class="{ uploading: uploadings.length > 0, fetching }"
ref="main" ref="main"
@ -627,8 +628,12 @@ export default defineComponent({
}]; }];
}, },
onContextmenu(e) { showMenu(ev) {
os.contextMenu(this.getMenu(), e); os.modalMenu(this.getMenu(), ev.currentTarget || ev.target);
},
onContextmenu(ev) {
os.contextMenu(this.getMenu(), ev);
}, },
} }
}); });
@ -641,7 +646,7 @@ export default defineComponent({
height: 100%; height: 100%;
> nav { > nav {
display: block; display: flex;
z-index: 2; z-index: 2;
width: 100%; width: 100%;
padding: 0 8px; padding: 0 8px;
@ -696,6 +701,10 @@ export default defineComponent({
} }
} }
} }
> .menu {
margin-left: auto;
}
} }
> .main { > .main {