mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2026-09-19 02:48:12 +08:00
c64f858387
Many large changes, including:
- TypeScript enums are now string unions throughout
- Strong type-checking throughout the TS and Vue codebase
- Vue component props now all specify `as PropType<...>`
- Usage of annotated return types on all functions
- Sorting of JS import statements
- Explicit usage of Vue bind attribute function call arguments (`@click="foo"` is now `@click=(e) => foo(e)`)
- Much improved code quality related to the color picker
- Consistent camelCase Vue bind and v-model attributes
- Consistent Vue HTML attribute strings with single quotes
- Bug fix and clarity improvement with incorrect hint class parameters
- Empty Vue component objects like `props: {}` and `components: {}` removed
46 lines
736 B
Vue
46 lines
736 B
Vue
<template>
|
|
<div class="mac window-buttons">
|
|
<div class="close" title="Close"></div>
|
|
<div class="minimize" title="Minimize"></div>
|
|
<div class="zoom" title="Zoom"></div>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
.mac.window-buttons {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
div {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 8px;
|
|
width: 11px;
|
|
height: 11px;
|
|
border-radius: 50%;
|
|
|
|
&.close {
|
|
background: #ff5a52;
|
|
}
|
|
|
|
&.minimize {
|
|
background: #e6c029;
|
|
}
|
|
|
|
&.zoom {
|
|
background: #54c22b;
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, PropType } from "vue";
|
|
|
|
export default defineComponent({
|
|
props: {
|
|
maximized: { type: Boolean as PropType<boolean>, default: false },
|
|
},
|
|
});
|
|
</script>
|