N21-2067 Fix max-width of Courses (#3312)

hpi-schul-cloud · Jul 3, 2024 · 2903132 · 2903132
1 parent 9792cca
commit 2903132
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/components/templates/DefaultWireframe.vue b/src/components/templates/DefaultWireframe.vue
@@ -93,6 +93,8 @@ const props = defineProps({
 	},
 	maxWidth: {
 		type: String as PropType<"full" | "short" | "nativ">,
+		required: true,
+		default: "short",
 	},
 	fabItems: {
 		type: Object as PropType<Fab>,

diff --git a/src/modules/feature/board/board/Board.vue b/src/modules/feature/board/board/Board.vue
@@ -4,7 +4,7 @@
 			<DefaultWireframe
 				ref="main"
 				:breadcrumbs="breadcrumbs"
-				full-width
+				max-width="full"
 				hide-border
 			>
 				<template #header>
@@ -93,6 +93,7 @@
 <script setup lang="ts">
 import CopyResultModal from "@/components/copy-result-modal/CopyResultModal.vue";
 import ShareModal from "@/components/share/ShareModal.vue";
+import DefaultWireframe from "@/components/templates/DefaultWireframe.vue";
 import { useCopy } from "@/composables/copy";
 import { useLoadingState } from "@/composables/loadingState";
 import {
@@ -130,7 +131,6 @@ import { useBodyScrolling } from "../shared/BodyScrolling.composable";
 import BoardColumn from "./BoardColumn.vue";
 import BoardColumnGhost from "./BoardColumnGhost.vue";
 import BoardHeader from "./BoardHeader.vue";
-import DefaultWireframe from "@/components/templates/DefaultWireframe.vue";
 
 const props = defineProps({
 	boardId: { type: String, required: true },

diff --git a/src/pages/rooms/RoomDetails.page.vue b/src/pages/rooms/RoomDetails.page.vue
@@ -4,6 +4,7 @@
 		:fab-items="getCurrentFabItems"
 		:breadcrumbs="breadcrumbs"
 		@onFabItemClick="fabItemClickHandler"
+		max-width="short"
 	>
 		<template #header>
 			<div class="d-flex ma-2 mt-3">
@@ -135,11 +136,11 @@ import { defineComponent } from "vue";
 import { useI18n } from "vue-i18n";
 import RoomExternalToolsOverview from "./tools/RoomExternalToolsOverview.vue";
 import {
-	COPY_MODULE_KEY,
-	SHARE_MODULE_KEY,
+	AUTH_MODULE_KEY,
 	COMMON_CARTRIDGE_EXPORT_MODULE_KEY,
+	COPY_MODULE_KEY,
 	ROOM_MODULE_KEY,
-	AUTH_MODULE_KEY,
+	SHARE_MODULE_KEY,
 } from "@/utils/inject";
 
 export default defineComponent({