diff --git a/src/components/AppBar.vue b/src/components/AppBar.vue index 605ece111b..c06867e7ca 100644 --- a/src/components/AppBar.vue +++ b/src/components/AppBar.vue @@ -32,24 +32,11 @@ $tune {{ $t('app.general.title.tune') }} - - - - $cogs - {{ $t('app.general.title.configure') }} - - + + $info + $cogs + {{ $t('app.general.title.configure') }} + @@ -56,10 +66,15 @@ export default class CameraCard extends Mixins(StateMixin) { collapsed = false get cols () { + if (this.fillSpace) return 12 if (this.cameras.length <= 2) return 6 if (this.cameras.length > 2) return 4 } + get fillSpace (): boolean { + return this.$store.state.cameras.fillSpace && this.cameras.length === 1 + } + get inLayout (): boolean { return (this.$store.state.config.layoutMode) } diff --git a/src/components/cards/dashboard/StatusCard.vue b/src/components/cards/dashboard/StatusCard.vue index c70ab9a843..1624368c64 100644 --- a/src/components/cards/dashboard/StatusCard.vue +++ b/src/components/cards/dashboard/StatusCard.vue @@ -62,7 +62,7 @@ $reprint @@ -95,8 +95,6 @@ import { SocketActions } from '@/socketActions' } }) export default class StatusCard extends Mixins(StateMixin, FilesMixin) { - showHistory = false - get hidePrinterMenu () { if (!this.supportsHistoryPlugin) { return (!this.printerPrinting && !this.printerPaused && !this.filename) @@ -150,7 +148,6 @@ export default class StatusCard extends Mixins(StateMixin, FilesMixin) { } handleReprint (filename: string) { - this.showHistory = false SocketActions.printerPrintStart(filename) } diff --git a/src/components/dialogs/CameraDialog.vue b/src/components/dialogs/CameraDialog.vue index ff38fe473b..83529f76ad 100644 --- a/src/components/dialogs/CameraDialog.vue +++ b/src/components/dialogs/CameraDialog.vue @@ -2,7 +2,7 @@ {{ title }} -
- +
+ + {{ subTitle }} +
@@ -26,6 +28,12 @@ export default class Setting extends Vue { @Prop({ type: String, default: '' }) title!: string; + @Prop({ type: String }) + subTitle!: string; + + @Prop({ type: String }) + help!: string; + @Prop({ type: Number, default: 6 }) rCols!: number; @@ -38,7 +46,11 @@ export default class Setting extends Vue { } get hasSubTitle () { - return (this.$slots.subtitle || this.$scopedSlots.subtitle) + return ( + this.$slots.subtitle || + this.$scopedSlots.subtitle || + this.subTitle + ) } get classes () { @@ -71,6 +83,11 @@ export default class Setting extends Vue { padding-bottom: 12px; padding-right: 12px; } + + .col.setting-title > .setting-sub-title { + font-size: 0.875rem; + } + .setting__link { cursor: pointer; user-select: none; diff --git a/src/components/widgets/camera/Camera.vue b/src/components/widgets/camera/Camera.vue index b1a5c60a1e..97a6130e84 100644 --- a/src/components/widgets/camera/Camera.vue +++ b/src/components/widgets/camera/Camera.vue @@ -1,33 +1,36 @@