Improve usability
This commit is contained in:
parent
998936651a
commit
0d276d0d61
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue