diff --git a/web/vue-app/src/components/child/ChildView.vue b/web/vue-app/src/components/child/ChildView.vue index ba4adfb..b5882dd 100644 --- a/web/vue-app/src/components/child/ChildView.vue +++ b/web/vue-app/src/components/child/ChildView.vue @@ -445,7 +445,6 @@ onUnmounted(() => { align-items: center; gap: 1.5rem; width: 100%; - max-width: 600px; /* or whatever width fits your content best */ } .side { display: flex; diff --git a/web/vue-app/src/components/child/ParentView.vue b/web/vue-app/src/components/child/ParentView.vue index a77a079..44e89d6 100644 --- a/web/vue-app/src/components/child/ParentView.vue +++ b/web/vue-app/src/components/child/ParentView.vue @@ -506,7 +506,6 @@ const childId = computed(() => child.value?.id ?? null) align-items: center; gap: 1.5rem; width: 100%; - max-width: 600px; /* or whatever width fits your content best */ } /* Modal styles */ diff --git a/web/vue-app/src/components/reward/ChildRewardList.vue b/web/vue-app/src/components/reward/ChildRewardList.vue index 8db1e75..ff19a52 100644 --- a/web/vue-app/src/components/reward/ChildRewardList.vue +++ b/web/vue-app/src/components/reward/ChildRewardList.vue @@ -184,7 +184,6 @@ const isAnyPending = computed(() => rewards.value.some((r) => r.redeeming)) padding: 0.9rem; color: white; width: 100%; - max-width: 600px; box-sizing: border-box; } diff --git a/web/vue-app/src/components/task/ChildTaskList.vue b/web/vue-app/src/components/task/ChildTaskList.vue index 8a3cc03..3b76abb 100644 --- a/web/vue-app/src/components/task/ChildTaskList.vue +++ b/web/vue-app/src/components/task/ChildTaskList.vue @@ -175,7 +175,6 @@ onBeforeUnmount(() => { padding: 1rem; color: white; width: 100%; - max-width: 600px; box-sizing: border-box; }