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

Clean up widget type naming conventions

Browse Source
This commit is contained in:
Keavon Chambers
2021-07-16 15:57:42 -07:00
parent 9c68ff2952
commit d57bfb87ee
13 changed files with 77 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/web/src/components/window/title-bar/WindowButtonsWeb.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="window-buttons-web" @click="handleClick" :title="fullscreen.windowFullscreen ? 'Exit Fullscreen (F11)' : 'Enter Fullscreen (F11)'">
<TextLabel v-if="requestFullscreenHotkeys">Click to access all hotkeys</TextLabel>
<Icon :icon="fullscreen.windowFullscreen ? 'FullscreenExit' : 'FullscreenEnter'" />
<IconLabel :icon="fullscreen.windowFullscreen ? 'FullscreenExit' : 'FullscreenEnter'" />
</div>
</template>
@@ -29,7 +29,7 @@
<script lang="ts">
import { defineComponent } from "vue";
import fullscreen, { keyboardLockApiSupported, enterFullscreen, exitFullscreen } from "@/utilities/fullscreen";
import Icon from "@/components/widgets/labels/Icon.vue";
import IconLabel from "@/components/widgets/labels/IconLabel.vue";
import TextLabel from "@/components/widgets/labels/TextLabel.vue";
const canUseKeyboardLock = keyboardLockApiSupported();
@@ -48,7 +48,7 @@ export default defineComponent({
},
},
components: {
Icon,
IconLabel,
TextLabel,
},
});

12
client/web/src/components/window/title-bar/WindowButtonsWindows.vue
View File

@@ -1,15 +1,15 @@
<template>
<div class="windows window-button minimize" title="Minimize">
<Icon :icon="'WindowButtonWinMinimize'" />
<IconLabel :icon="'WindowButtonWinMinimize'" />
</div>
<div class="windows window-button maximize" title="Maximize" v-if="!maximized">
<Icon :icon="'WindowButtonWinMaximize'" />
<IconLabel :icon="'WindowButtonWinMaximize'" />
</div>
<div class="windows window-button restore-down" title="Restore Down" v-if="maximized">
<Icon :icon="'WindowButtonWinRestoreDown'" />
<IconLabel :icon="'WindowButtonWinRestoreDown'" />
</div>
<div class="windows window-button close" title="Close">
<Icon :icon="'WindowButtonWinClose'" />
<IconLabel :icon="'WindowButtonWinClose'" />
</div>
</template>
@@ -39,10 +39,10 @@
<script lang="ts">
import { defineComponent } from "vue";
import Icon from "@/components/widgets/labels/Icon.vue";
import IconLabel from "@/components/widgets/labels/IconLabel.vue";
export default defineComponent({
components: { Icon },
components: { IconLabel },
props: {
maximized: { type: Boolean, default: false },
},