jess
/
Graphite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Categorize frontend widgets to match design system

This commit is contained in:
Keavon Chambers 2021-07-16 15:37:35 -07:00
parent 8e09c10899
commit c453199704
7 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/web/src/components/panels/Document.vue
View File

@ -136,7 +136,7 @@
<ShelfItem :icon="'VectorShapeTool'" title="Shape Tool (Y)" :active="activeTool === 'Shape'" @click="selectTool('Shape')" />
</div>
<div class="spacer"></div>
<WorkingColors />
<SwatchPair />
</LayoutCol>
<LayoutCol :class="'viewport'">
<div class="canvas" @mousedown="canvasMouseDown" @mouseup="canvasMouseUp" @mousemove="canvasMouseMove" ref="canvas">
@ -196,10 +196,10 @@ import { makeModifiersBitfield } from "@/utilities/input";
import { ResponseType, registerResponseHandler, Response, UpdateCanvas, SetActiveTool, ExportDocument, SetCanvasZoom, SetCanvasRotation } from "@/utilities/response-handler";
import LayoutRow from "@/components/layout/LayoutRow.vue";
import LayoutCol from "@/components/layout/LayoutCol.vue";
import WorkingColors from "@/components/widgets/WorkingColors.vue";
import SwatchPair from "@/components/widgets/inputs/SwatchPair.vue";
import { MenuDirection } from "@/components/widgets/floating-menus/FloatingMenu.vue";
import ShelfItem from "@/components/widgets/ShelfItem.vue";
import Separator, { SeparatorDirection, SeparatorType } from "@/components/widgets/Separator.vue";
import ShelfItem from "@/components/widgets/inputs/ShelfItem.vue";
import Separator, { SeparatorDirection, SeparatorType } from "@/components/widgets/separators/Separator.vue";
import IconButton from "@/components/widgets/buttons/IconButton.vue";
import PopoverButton from "@/components/widgets/buttons/PopoverButton.vue";
import RadioInput from "@/components/widgets/inputs/RadioInput.vue";
@ -331,7 +331,7 @@ export default defineComponent({
components: {
LayoutRow,
LayoutCol,
WorkingColors,
SwatchPair,
ShelfItem,
Separator,
IconButton,

2
client/web/src/components/panels/LayerTree.vue
View File

@ -107,7 +107,7 @@ import { defineComponent } from "vue";
import { ResponseType, registerResponseHandler, Response, ExpandFolder, LayerPanelEntry } from "@/utilities/response-handler";
import LayoutRow from "@/components/layout/LayoutRow.vue";
import LayoutCol from "@/components/layout/LayoutCol.vue";
import Separator, { SeparatorType } from "@/components/widgets/Separator.vue";
import Separator, { SeparatorType } from "@/components/widgets/separators/Separator.vue";
import NumberInput from "@/components/widgets/inputs/NumberInput.vue";
import PopoverButton from "@/components/widgets/buttons/PopoverButton.vue";
import { MenuDirection } from "@/components/widgets/floating-menus/FloatingMenu.vue";

2
client/web/src/components/widgets/floating-menus/MenuList.vue
View File

@ -124,7 +124,7 @@
import { defineComponent, PropType } from "vue";
import { keyboardLockApiSupported } from "@/utilities/fullscreen";
import FloatingMenu, { MenuDirection, MenuType } from "@/components/widgets/floating-menus/FloatingMenu.vue";
import Separator, { SeparatorDirection, SeparatorType } from "@/components/widgets/Separator.vue";
import Separator, { SeparatorDirection, SeparatorType } from "@/components/widgets/separators/Separator.vue";
import Icon from "@/components/widgets/labels/Icon.vue";
import UserInputLabel from "@/components/widgets/labels/UserInputLabel.vue";

0
client/web/src/components/widgets/ShelfItem.vue → client/web/src/components/widgets/inputs/ShelfItem.vue
View File

4
client/web/src/components/widgets/WorkingColors.vue → client/web/src/components/widgets/inputs/SwatchPair.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="working-colors">
<div class="swatch-pair">
<SwatchPairInput />
<div class="swap-and-reset">
<IconButton @click="swapColors" :icon="'Swap'" title="Swap (Shift+X)" :size="16" />
@ -9,7 +9,7 @@
</template>
<style lang="scss">
.working-colors {
.swatch-pair {
.swap-and-reset {
font-size: 0;
}

0
client/web/src/components/widgets/Separator.vue → client/web/src/components/widgets/separators/Separator.vue
View File

2
client/web/src/components/window/status-bar/StatusBar.vue
View File

@ -56,7 +56,7 @@
<script lang="ts">
import { defineComponent } from "vue";
import UserInputLabel from "@/components/widgets/labels/UserInputLabel.vue";
import Separator, { SeparatorType } from "@/components/widgets/Separator.vue";
import Separator, { SeparatorType } from "@/components/widgets/separators/Separator.vue";
export default defineComponent({
components: {