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

Switch inline SVGs to using SVG file loader

Browse Source
This commit is contained in:
Keavon Chambers
2021-03-27 02:26:55 -07:00
parent 6f32c1a0c9
commit 0e6c4400dc
21 changed files with 150 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/web/src/components/window/title-bar/WindowButtonsWindows.vue
+14 -12
View File
@@ -1,23 +1,15 @@
<template>
<div class="windows window-button minimize" title="Minimize">
<svg width="10" height="10" viewBox="0 0 10 10">
<rect y="4" width="10" height="1" />
</svg>
<WindowButtonWinMinimize width="10" height="10" />
</div>
<div class="windows window-button maximize" title="Maximize" v-if="!maximized">
<svg width="10" height="10" viewBox="0 0 10 10">
<path d="M10,0v10H0V0H10z M9,1H1v8h8V1z" />
</svg>
<WindowButtonWinMaximize width="10" height="10" />
</div>
<div class="windows window-button restore-down" title="Restore Down" v-if="maximized">
<svg width="10" height="10" viewBox="0 0 10 10">
<path d="M10,8H8v2H0V2h2V0h8V8z M7,3H1v6h6V3z M9,1H3v1h5v5h1V1z" />
</svg>
<WindowButtonWinRestoreDown width="10" height="10" />
</div>
<div class="windows window-button close" title="Close">
<svg width="10" height="10" viewBox="0 0 10 10">
<polygon points="10,0.7 9.3,0 5,4.3 0.7,0 0,0.7 4.3,5 0,9.3 0.7,10 5,5.7 9.3,10 10,9.3 5.7,5" />
</svg>
<WindowButtonWinClose width="10" height="10" />
</div>
</template>
@@ -47,8 +39,18 @@
<script lang="ts">
import { defineComponent } from "vue";
import WindowButtonWinMinimize from "../../../../assets/svg/10x10-bounds-10x10-icon/window-button-win-minimize.svg";
import WindowButtonWinMaximize from "../../../../assets/svg/10x10-bounds-10x10-icon/window-button-win-maximize.svg";
import WindowButtonWinRestoreDown from "../../../../assets/svg/10x10-bounds-10x10-icon/window-button-win-restore-down.svg";
import WindowButtonWinClose from "../../../../assets/svg/10x10-bounds-10x10-icon/window-button-win-close.svg";
export default defineComponent({
components: {
WindowButtonWinMinimize,
WindowButtonWinMaximize,
WindowButtonWinRestoreDown,
WindowButtonWinClose,
},
props: {
maximized: { type: Boolean, default: false },
},