Fix scrolling of submitted data in AssignmentEvaluationPage

This commit is contained in:
Daniel Egger 2023-12-05 11:30:28 +01:00
parent 994d6dc41a
commit 1aec1e6508
1 changed files with 3 additions and 3 deletions

View File

@ -67,7 +67,7 @@ const assignment = computed(
<div v-else-if="queryResult.error.value">{{ queryResult.error.value }}</div>
<div v-else>
<header
class="relative flex h-12 w-full items-center justify-between border-b border-b-gray-400 bg-white px-4 lg:h-16 lg:px-8"
class="relative flex h-12 w-full items-center justify-between border-b border-b-gray-400 bg-white px-4 md:h-16 md:px-8"
>
<div class="flex items-center text-gray-900">
<it-icon-assignment class="h-6 w-6"></it-icon-assignment>
@ -88,7 +88,7 @@ const assignment = computed(
</button>
</header>
<div v-if="assignment && assignmentCompletion && assignmentUser" class="relative">
<div class="md:h-content flex flex-col md:flex-row">
<div class="flex flex-col md:h-[calc(100vh-64px)] md:flex-row">
<div
class="bg-white md:h-full md:overflow-y-auto"
:class="{ 'md:w-1/2': assignment.needs_expert_evaluation }"
@ -119,7 +119,7 @@ const assignment = computed(
</div>
<div
v-if="assignment.needs_expert_evaluation"
class="order-first bg-gray-200 md:order-last md:w-1/2 md:overflow-y-auto"
class="md:h-content order-first bg-gray-200 md:order-last md:w-1/2 md:overflow-y-auto"
>
<EvaluationContainer
:assignment-completion="assignmentCompletion"