fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-27 05:48:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Rename and organize widget components to conform to design terminology (#132)

Browse Source
This commit is contained in:
Keavon Chambers
2021-05-21 13:10:32 -07:00
committed by GitHub
parent c8eea1e4b1
commit c97cb9905c
17 changed files with 251 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/web/src/components/panels/LayerTree.vue
+10 -10
View File
@@ -3,10 +3,10 @@
<LayoutRow :class="'options-bar'">
<NumberInput />
<NumberInput />
<DropdownButton>
<PopoverButton>
<h3>Compositing Options</h3>
<p>More blend and compositing options will be here</p>
</DropdownButton>
</PopoverButton>
</LayoutRow>
<LayoutRow :class="'layer-tree'">
<LayoutCol :class="'list'">
@@ -20,7 +20,7 @@
<div class="layer">
<div class="layer-thumbnail"></div>
<div class="layer-type-icon">
<IconContainer :size="24" title="Path"><NodeTypePath /></IconContainer>
<Icon :size="24" title="Path"><NodeTypePath /></Icon>
</div>
<div class="layer-name">
<span>{{ layer.name }}</span>
@@ -79,11 +79,11 @@ import { defineComponent } from "vue";
import { ResponseType, registerResponseHandler, Response, ExpandFolder, LayerPanelEntry } from "../../response-handler";
import LayoutRow from "../layout/LayoutRow.vue";
import LayoutCol from "../layout/LayoutCol.vue";
import NumberInput from "../widgets/NumberInput.vue";
import DropdownButton from "../widgets/DropdownButton.vue";
import { PopoverDirection } from "../widgets/PopoverMount.vue";
import IconButton from "../widgets/IconButton.vue";
import IconContainer from "../widgets/IconContainer.vue";
import NumberInput from "../widgets/inputs/NumberInput.vue";
import PopoverButton from "../widgets/buttons/PopoverButton.vue";
import { PopoverDirection } from "../widgets/overlays/Popover.vue";
import IconButton from "../widgets/buttons/IconButton.vue";
import Icon from "../widgets/labels/Icon.vue";
import EyeVisible from "../../../assets/svg/24x24-bounds-16x16-icon/visibility-eye-visible.svg";
import EyeHidden from "../../../assets/svg/24x24-bounds-16x16-icon/visibility-eye-hidden.svg";
import NodeTypePath from "../../../assets/svg/24x24-node-type-icon/node-type-path.svg";
@@ -94,10 +94,10 @@ export default defineComponent({
components: {
LayoutRow,
LayoutCol,
DropdownButton,
PopoverButton,
NumberInput,
IconButton,
IconContainer,
Icon,
EyeVisible,
EyeHidden,
NodeTypePath,