diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2024-03-13 00:17:32 +0000 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2024-03-13 00:17:32 +0000 |
| commit | 543aa0cd4a461285298d33a90ab3f11a9f084ca5 (patch) | |
| tree | ffbaec5f495b2cf8b891690642df161464ac6e95 /pages/category | |
| parent | a072c91cc0dc26e417c51f666e8547e08ef40942 (diff) | |
Add home page
Diffstat (limited to 'pages/category')
| -rw-r--r-- | pages/category/[id].vue | 54 |
1 files changed, 0 insertions, 54 deletions
diff --git a/pages/category/[id].vue b/pages/category/[id].vue deleted file mode 100644 index 3189d2a..0000000 --- a/pages/category/[id].vue +++ /dev/null @@ -1,54 +0,0 @@ -<script setup lang="ts"> -import { useSessionStore } from '@/stores/session'; - -definePageMeta({ - layout: 'editor' -}) - -const sessionStore = useSessionStore(); -const route = useRoute(); - -const categoryId = route.params.id as string; - -const categoryName = sessionStore.getCategoryById(categoryId)?.display.name; -</script> - -<template> - <PageHeader> - <span id="path"> - <font-awesome-icon class="icon" :icon="['fas', 'fa-folder']" /> - <span class="title" v-if="categoryName">{{ stripColorCodes(categoryName) }} </span> - <code>({{ categoryId }})</code> - </span> - <span id="controls" class="control-group"> - <Button type="solid" :disabled="true" :icon="['fas', 'fa-save']" :label="'Save'"></Button> - </span> - </PageHeader> - - <div id="options-container"> - <EditorCategoryOptionsPanel :categoryId="categoryId" /> - <EditorCategoryChildrenOptionsPanel :categoryId="categoryId" /> - </div> -</template> - -<style scoped> -#pane-container { - width: 100%; - flex-grow: 1; - height: calc(100vh - 73px); - max-height: calc(100vh - 73px); -} - -#options-container { - width: 100%; - display: flex; - gap: 1rem; - padding: 1rem; - overflow: auto; - max-height: calc(100% - 55px); -} - -header { - border-bottom: 1px solid var(--color-border); -} -</style>
\ No newline at end of file |
