h3n3/yet-another-cad-viewer
1
0
Fork 0
mirror of https://github.com/yeicor-3d/yet-another-cad-viewer.git synced 2025-12-19 22:24:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

Started migration of frontend to vuetify

Browse Source
This commit is contained in:
Yeicor
2024-02-09 21:18:08 +01:00
parent ede0c6143f
commit dda1162953
1 changed files with 20 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/App.vue
View File

@@ -8,28 +8,26 @@ let toolsOpened = ref(true)
</script> </script>
< <
<template> <template>
<v-card> <v-layout>
<v-layout> <v-btn @click="modelsOpened = !modelsOpened" max-width="22px" style="position:absolute; z-index: 1">&gt;</v-btn>
<v-btn @click="modelsOpened = !modelsOpened" max-width="22px" style="position:absolute; z-index: 1">&gt;</v-btn> <v-navigation-drawer v-model="modelsOpened">
<v-navigation-drawer v-model="modelsOpened"> <v-list density="compact" nav > <!-- TODO: Accordion -->
<v-list density="compact" nav > <!-- TODO: Accordion --> <v-list-item-title>Models <v-btn @click="modelsOpened = !modelsOpened" style="float: right" height="22px"><</v-btn></v-list-item-title>
<v-list-item-title>Models <v-btn @click="modelsOpened = !modelsOpened" style="float: right" height="22px"><</v-btn></v-list-item-title> <v-list-item prepend-icon="mdi-view-dashboard" title="Home" value="home"></v-list-item>
<v-list-item prepend-icon="mdi-view-dashboard" title="Home" value="home"></v-list-item> <v-list-item prepend-icon="mdi-forum" title="About" value="about"></v-list-item>
<v-list-item prepend-icon="mdi-forum" title="About" value="about"></v-list-item> </v-list>
</v-list> </v-navigation-drawer>
</v-navigation-drawer> <v-main style="height: 100vh">
<v-main style="height: 100vh"> <ModelViewer/>
<ModelViewer/> </v-main>
</v-main> <v-navigation-drawer location="right" v-model="toolsOpened" opa>
<v-navigation-drawer location="right" v-model="toolsOpened" opa> <v-list density="compact" nav >
<v-list density="compact" nav > <v-list-item-title>Tools</v-list-item-title>
<v-list-item-title>Tools</v-list-item-title> <v-list-item prepend-icon="mdi-view-dashboard" title="Home" value="home"></v-list-item>
<v-list-item prepend-icon="mdi-view-dashboard" title="Home" value="home"></v-list-item> <v-list-item prepend-icon="mdi-forum" title="About" value="about"></v-list-item>
<v-list-item prepend-icon="mdi-forum" title="About" value="about"></v-list-item> </v-list>
</v-list> </v-navigation-drawer>
</v-navigation-drawer> </v-layout>
</v-layout>
</v-card>
</template> </template>
<style scoped> <style scoped>