diff --git a/cista-front/index.html b/cista-front/index.html index 94b028b..02d3a51 100644 --- a/cista-front/index.html +++ b/cista-front/index.html @@ -2,11 +2,11 @@ Cista + -
diff --git a/cista-front/src/App.vue b/cista-front/src/App.vue index fab8177..56f2021 100644 --- a/cista-front/src/App.vue +++ b/cista-front/src/App.vue @@ -1,7 +1,8 @@ diff --git a/cista-front/src/components/FileRenameInput.vue b/cista-front/src/components/FileRenameInput.vue index 89b8f03..19d4064 100644 --- a/cista-front/src/components/FileRenameInput.vue +++ b/cista-front/src/components/FileRenameInput.vue @@ -43,5 +43,6 @@ input#FileRenameInput { width: 90%; outline: none; background: transparent; + font: inherit; } diff --git a/cista-front/src/components/HeaderMain.vue b/cista-front/src/components/HeaderMain.vue index ec875ac..15323f2 100644 --- a/cista-front/src/components/HeaderMain.vue +++ b/cista-front/src/components/HeaderMain.vue @@ -1,30 +1,27 @@ diff --git a/cista-front/src/components/SvgButton.vue b/cista-front/src/components/SvgButton.vue index 7d0385f..4c3d05c 100644 --- a/cista-front/src/components/SvgButton.vue +++ b/cista-front/src/components/SvgButton.vue @@ -24,14 +24,17 @@ button { transition: all 0.2s ease; padding: 0.5rem; } -button:hover { +button:hover, button:focus { color: #fff; + transform: scale(1.1); } svg { fill: #ccc; transform: fill 0.2s ease; + width: 1rem; + height: 1rem; } -button:hover svg { +button:hover svg, button:focus svg { fill: #fff; } diff --git a/cista-front/src/main.ts b/cista-front/src/main.ts index 211a315..69b7ce0 100644 --- a/cista-front/src/main.ts +++ b/cista-front/src/main.ts @@ -14,5 +14,4 @@ app.config.errorHandler = err => { app.use(createPinia()) app.use(router) - app.mount('#app') diff --git a/cista-front/src/stores/documents.ts b/cista-front/src/stores/documents.ts index 84801f2..a5d7956 100644 --- a/cista-front/src/stores/documents.ts +++ b/cista-front/src/stores/documents.ts @@ -78,6 +78,7 @@ export const useDocumentStore = defineStore({ this.document = dataMapped }, setFilter(filter: string) { + if (filter === '') return this.updateTable({}) function traverseDir(data: DirEntry | FileEntry, path: string) { if (!('dir' in data)) return for (const [name, attr] of Object.entries(data.dir)) { diff --git a/cista-front/src/views/ExplorerView.vue b/cista-front/src/views/ExplorerView.vue index aa54dfa..27d8cff 100644 --- a/cista-front/src/views/ExplorerView.vue +++ b/cista-front/src/views/ExplorerView.vue @@ -43,14 +43,14 @@ function enter(el: Element, done: () => void) { function leave(el: Element, done: () => void) { const elem = el as HTMLElement elem.style.transform = 'translateX(-100%)' - setTimeout(done, 300) // Assuming 300ms is your transition duration + setTimeout(done, 200) // Should match --transition-time }