fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-22 13:18:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Rename project structure with /core and /client

Browse Source
This commit is contained in:
Keavon Chambers
2021-03-27 02:26:55 -07:00
parent 18a8442b0e
commit 7bfb04a99a
64 changed files with 63 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/web/src/components/panels/LayersPanel.vue
+21
View File
@@ -0,0 +1,21 @@
<template>
<div>
</div>
</template>
<style lang="scss">
</style>
<script lang="ts">
import { defineComponent } from "vue";
// import LayoutRow from "../layout/LayoutRow.vue";
// import LayoutCol from "../layout/LayoutCol.vue";
export default defineComponent({
components: {
},
props: {
},
});
</script>
client/web/src/components/panels/MinimapPanel.vue
+21
View File
@@ -0,0 +1,21 @@
<template>
<div>
</div>
</template>
<style lang="scss">
</style>
<script lang="ts">
import { defineComponent } from "vue";
// import LayoutRow from "../layout/LayoutRow.vue";
// import LayoutCol from "../layout/LayoutCol.vue";
export default defineComponent({
components: {
},
props: {
},
});
</script>
client/web/src/components/panels/PropertiesPanel.vue
+21
View File
@@ -0,0 +1,21 @@
<template>
<div>
</div>
</template>
<style lang="scss">
</style>
<script lang="ts">
import { defineComponent } from "vue";
// import LayoutRow from "../layout/LayoutRow.vue";
// import LayoutCol from "../layout/LayoutCol.vue";
export default defineComponent({
components: {
},
props: {
},
});
</script>
client/web/src/components/panels/ViewportPanel.vue
+81
View File
@@ -0,0 +1,81 @@
<template>
<LayoutCol :class="'viewport'">
<LayoutRow :class="'options-bar'">
<div class="left side">
<!-- <span class="label">Select</span>
<div class="divider"></div> -->
</div>
<div class="spacer"></div>
<div class="right side">
<!-- <span class="label">Layer 1</span> -->
</div>
</LayoutRow>
<LayoutRow :class="'tools-and-viewport'">
<LayoutCol :class="'tools'"></LayoutCol>
<LayoutCol :class="'viewport-container'"></LayoutCol>
</LayoutRow>
</LayoutCol>
</template>
<style lang="scss">
.viewport {
height: 100%;
.options-bar {
flex: 0 0 32px;
.side {
height: 100%;
flex: 0 1 auto;
display: flex;
align-items: center;
margin: 0 4px;
> * {
margin: 0 4px;
}
.label {
white-space: nowrap;
font-weight: bold;
}
.divider {
width: 1px;
height: 24px;
background: #888;
}
}
.spacer {
flex: 1 1 100%;
}
}
.tools-and-viewport {
.tools {
flex: 0 0 32px;
}
.viewport-container {
background: #111;
flex: 1 1 100%;
}
}
}
</style>
<script lang="ts">
import { defineComponent } from "vue";
import LayoutRow from "../layout/LayoutRow.vue";
import LayoutCol from "../layout/LayoutCol.vue";
export default defineComponent({
components: {
LayoutRow,
LayoutCol,
},
props: {
},
});
</script>