mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2026-09-17 15:28:04 +08:00
f177f63217
* Migrate coming soon and about dialog to Rust * Migrate confirm close and close all * Migrate dialog error * Improve keyboard navigation throughout UI * Cleanup and fix panic dialog * Reduce css spacing to better match old dialogs * Add new document modal * Fix crash when generating default name * Populate rust about graphite data on startup * Code review changes * Move one more :focus CSS rule into App.vue * Add a dialog message and move dialogs * Split out keyboard input navigation from this branch * Improvements including simplifying panic dialog code Co-authored-by: Keavon Chambers <keavon@keavon.com>
44 lines
819 B
Vue
44 lines
819 B
Vue
<template>
|
|
<span class="text-label" :class="{ bold, italic, multiline, 'table-align': tableAlign }">
|
|
<slot></slot>
|
|
</span>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
.text-label {
|
|
line-height: 18px;
|
|
white-space: nowrap;
|
|
|
|
&.bold {
|
|
font-weight: 700;
|
|
}
|
|
|
|
&.italic {
|
|
font-style: italic;
|
|
}
|
|
|
|
&.multiline {
|
|
white-space: pre-wrap;
|
|
margin: 4px 0;
|
|
}
|
|
|
|
&.table-align {
|
|
flex: 0 0 30%;
|
|
text-align: right;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, PropType } from "vue";
|
|
|
|
export default defineComponent({
|
|
props: {
|
|
bold: { type: Boolean as PropType<boolean>, default: false },
|
|
italic: { type: Boolean as PropType<boolean>, default: false },
|
|
tableAlign: { type: Boolean as PropType<boolean>, default: false },
|
|
multiline: { type: Boolean as PropType<boolean>, default: false },
|
|
},
|
|
});
|
|
</script>
|