Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4dd4e761a7 |
@@ -25,7 +25,7 @@ const emit = defineEmits<{
|
||||
:model-value="modelValue"
|
||||
contained
|
||||
@update:model-value="emit('update:modelValue', $event)"
|
||||
:permanent="modelValue && !isMobile"
|
||||
:permanent="!isMobile"
|
||||
:temporary="isMobile"
|
||||
width="280"
|
||||
class="files-sidebar"
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue'
|
||||
import { useDisplay } from 'vuetify'
|
||||
import type { ViewMode } from '@/types'
|
||||
|
||||
const props = defineProps<{
|
||||
@@ -18,6 +19,9 @@ const emit = defineEmits<{
|
||||
'new-folder': []
|
||||
}>()
|
||||
|
||||
const display = useDisplay()
|
||||
const isMobile = computed(() => display.mdAndDown.value)
|
||||
|
||||
const searchModel = computed({
|
||||
get: () => props.searchQuery,
|
||||
set: (value: string) => emit('update:searchQuery', value)
|
||||
@@ -33,16 +37,14 @@ const viewModeModel = computed({
|
||||
<v-toolbar elevation="0" density="compact" class="files-toolbar">
|
||||
<template #prepend>
|
||||
<v-btn
|
||||
v-if="isMobile"
|
||||
icon="mdi-menu"
|
||||
variant="text"
|
||||
@click="emit('toggle-sidebar')"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<v-toolbar-title class="d-flex align-center">
|
||||
<v-icon size="24" color="primary" class="mr-2">mdi-folder-multiple</v-icon>
|
||||
<span class="text-subtitle-1 font-weight-bold">Files</span>
|
||||
</v-toolbar-title>
|
||||
<v-toolbar-title>Files</v-toolbar-title>
|
||||
|
||||
<v-spacer />
|
||||
|
||||
@@ -55,7 +57,6 @@ const viewModeModel = computed({
|
||||
prepend-inner-icon="mdi-magnify"
|
||||
hide-details
|
||||
single-line
|
||||
clearable
|
||||
class="files-toolbar-search mx-4"
|
||||
/>
|
||||
|
||||
|
||||
+10
-10
@@ -1,19 +1,19 @@
|
||||
{
|
||||
"extends": "../../tsconfig.app.json",
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
||||
"paths": {
|
||||
"@/*": ["./src/*"],
|
||||
"@KTXC/*": ["../../core/src/*"],
|
||||
"@DocumentsManager/*": ["../documents_manager/src/*"]
|
||||
}
|
||||
},
|
||||
"include": [
|
||||
"src/**/*.ts",
|
||||
"src/**/*.tsx",
|
||||
"src/**/*.vue",
|
||||
"../documents_manager/src/**/*.ts",
|
||||
"../../core/src/**/*.ts"
|
||||
],
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"paths": {
|
||||
"@/*": ["./src/*"],
|
||||
"@KTXC": ["../../core/src/shared/index.ts"],
|
||||
"@KTXC/*": ["../../core/src/*"],
|
||||
"@DocumentsManager/*": ["../documents_manager/src/*"]
|
||||
}
|
||||
},
|
||||
]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user