parent
cae4acfbd3
commit
c4603c7a96
14 changed files with 21 additions and 25 deletions
|
|
@ -63,7 +63,7 @@ const title = computed(() => `${props.file.name}\n${props.file.type} ${bytes(pro
|
|||
function getMenu() {
|
||||
return [{
|
||||
text: i18n.ts.rename,
|
||||
icon: 'ti ti-cursor-text',
|
||||
icon: 'ti ti-forms',
|
||||
action: rename,
|
||||
}, {
|
||||
text: props.file.isSensitive ? i18n.ts.unmarkAsSensitive : i18n.ts.markAsSensitive,
|
||||
|
|
@ -71,7 +71,7 @@ function getMenu() {
|
|||
action: toggleSensitive,
|
||||
}, {
|
||||
text: i18n.ts.describeFile,
|
||||
icon: 'ti ti-cursor-text',
|
||||
icon: 'ti ti-forms',
|
||||
action: describe,
|
||||
}, null, {
|
||||
text: i18n.ts.copyUrl,
|
||||
|
|
|
|||
|
|
@ -253,7 +253,7 @@ function onContextmenu(ev: MouseEvent) {
|
|||
},
|
||||
}, null, {
|
||||
text: i18n.ts.rename,
|
||||
icon: 'ti ti-cursor-text',
|
||||
icon: 'ti ti-forms',
|
||||
action: rename,
|
||||
}, null, {
|
||||
text: i18n.ts.delete,
|
||||
|
|
|
|||
|
|
@ -599,7 +599,7 @@ function getMenu() {
|
|||
type: 'label',
|
||||
}, folder.value ? {
|
||||
text: i18n.ts.renameFolder,
|
||||
icon: 'ti ti-cursor-text',
|
||||
icon: 'ti ti-forms',
|
||||
action: () => { renameFolder(folder.value); },
|
||||
} : undefined, folder.value ? {
|
||||
text: i18n.ts.deleteFolder,
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@ const contextmenu = $computed(() => {
|
|||
type: 'label',
|
||||
text: path,
|
||||
}, {
|
||||
icon: 'ti ti-corner-right-down-double',
|
||||
icon: 'ti ti-player-eject',
|
||||
text: i18n.ts.showInPage,
|
||||
action: expand,
|
||||
}, {
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@ const buttonsLeft = $computed(() => {
|
|||
});
|
||||
const buttonsRight = $computed(() => {
|
||||
const buttons = [{
|
||||
icon: 'ti ti-corner-right-down-double',
|
||||
icon: 'ti ti-player-eject',
|
||||
title: i18n.ts.showInPage,
|
||||
onClick: expand,
|
||||
}];
|
||||
|
|
@ -86,7 +86,7 @@ provide('shouldOmitHeaderTitle', true);
|
|||
provide('shouldHeaderThin', true);
|
||||
|
||||
const contextmenu = $computed(() => ([{
|
||||
icon: 'ti ti-corner-right-down-double',
|
||||
icon: 'ti ti-player-eject',
|
||||
text: i18n.ts.showInPage,
|
||||
action: expand,
|
||||
}, {
|
||||
|
|
@ -108,10 +108,6 @@ const contextmenu = $computed(() => ([{
|
|||
},
|
||||
}]));
|
||||
|
||||
function menu(ev) {
|
||||
os.popupMenu(contextmenu, ev.currentTarget ?? ev.target);
|
||||
}
|
||||
|
||||
function back() {
|
||||
history.pop();
|
||||
router.replace(history[history.length - 1].path, history[history.length - 1].key);
|
||||
|
|
|
|||
|
|
@ -113,7 +113,7 @@ export default defineComponent({
|
|||
if (this.menu) return;
|
||||
this.menu = os.popupMenu([{
|
||||
text: this.$ts.renameFile,
|
||||
icon: 'ti ti-cursor-text',
|
||||
icon: 'ti ti-forms',
|
||||
action: () => { this.rename(file); },
|
||||
}, {
|
||||
text: file.isSensitive ? this.$ts.unmarkAsSensitive : this.$ts.markAsSensitive,
|
||||
|
|
@ -121,7 +121,7 @@ export default defineComponent({
|
|||
action: () => { this.toggleSensitive(file); },
|
||||
}, {
|
||||
text: this.$ts.describeFile,
|
||||
icon: 'ti ti-cursor-text',
|
||||
icon: 'ti ti-forms',
|
||||
action: () => { this.describe(file); },
|
||||
}, {
|
||||
text: this.$ts.attachCancel,
|
||||
|
|
|
|||
|
|
@ -116,7 +116,7 @@ export default defineComponent({
|
|||
|
||||
> .items {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
|
||||
grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
|
||||
grid-gap: 16px;
|
||||
padding: 0 16px;
|
||||
|
||||
|
|
@ -141,8 +141,8 @@ export default defineComponent({
|
|||
margin-right: 0;
|
||||
margin-bottom: 6px;
|
||||
font-size: 1.5em;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
aspect-ratio: 1;
|
||||
background: var(--panel);
|
||||
border-radius: 100%;
|
||||
|
|
|
|||
|
|
@ -11,8 +11,8 @@
|
|||
</span>
|
||||
<span class="right">
|
||||
<button v-for="button in buttonsRight" v-tooltip="button.title" class="button _button" :class="{ highlighted: button.highlighted }" @click="button.onClick"><i :class="button.icon"></i></button>
|
||||
<button v-if="canResize && maximized" v-tooltip="i18n.ts.windowRestore" class="button _button" @click="unMaximize()"><i class="ti ti-app-window"></i></button>
|
||||
<button v-else-if="canResize && !maximized" v-tooltip="i18n.ts.windowMaximize" class="button _button" @click="maximize()"><i class="ti ti-arrows-maximize"></i></button>
|
||||
<button v-if="canResize && maximized" v-tooltip="i18n.ts.windowRestore" class="button _button" @click="unMaximize()"><i class="ti ti-picture-in-picture"></i></button>
|
||||
<button v-else-if="canResize && !maximized" v-tooltip="i18n.ts.windowMaximize" class="button _button" @click="maximize()"><i class="ti ti-rectangle"></i></button>
|
||||
<button v-if="closeButton" v-tooltip="i18n.ts.close" class="button _button" @click="close()"><i class="ti ti-x"></i></button>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ function onContextmenu(ev) {
|
|||
os.pageWindow(props.to);
|
||||
},
|
||||
}, {
|
||||
icon: 'ti ti-corner-right-down-double',
|
||||
icon: 'ti ti-player-eject',
|
||||
text: i18n.ts.showInPage,
|
||||
action: () => {
|
||||
router.push(props.to, 'forcePage');
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue