Fix ausbildungsverantwortlicher dashboard

This commit is contained in:
Elia Bieri 2024-10-22 13:54:59 +02:00
parent 37bac32999
commit 4e3ece6f72
3 changed files with 7 additions and 5 deletions

View File

@ -24,7 +24,7 @@ const data = computed(() => ({
</script> </script>
w w
<template> <template>
<div class="flex flex-row items-center space-x-8"> <div class="flex flex-row flex-wrap items-center gap-y-4 space-x-8 sm:gap-y-0">
<div class="size-32"> <div class="size-32">
<Pie <Pie
:data="data" :data="data"
@ -39,7 +39,7 @@ w
}" }"
/> />
</div> </div>
<div class="flex flex-col space-y-2"> <div class="flex flex-col items-start">
<div <div
v-for="(value, key) in props.data" v-for="(value, key) in props.data"
:key="key" :key="key"

View File

@ -91,7 +91,9 @@ function hasActionButton(): boolean {
<div class="flex flex-col space-y-8 bg-white p-6"> <div class="flex flex-col space-y-8 bg-white p-6">
<div class="border-b border-gray-300 pb-8"> <div class="border-b border-gray-300 pb-8">
<div class="flex flex-row flex-wrap items-start justify-between pb-3 sm:pb-0"> <div class="flex flex-row flex-wrap items-start justify-between pb-3 sm:pb-0">
<h3 class="mb-4 text-3xl" data-cy="db-course-title">{{ courseName }}</h3> <h3 class="mb-4 text-2xl sm:text-3xl" data-cy="db-course-title">
{{ courseName }}
</h3>
<a <a
v-if="hasActionButton()" v-if="hasActionButton()"
:href="actionButtonProps.href" :href="actionButtonProps.href"
@ -108,7 +110,7 @@ function hasActionButton(): boolean {
<router-link <router-link
v-if="courseConfig.has_preview" v-if="courseConfig.has_preview"
:to="getLearningPathUrl(courseConfig.course_slug)" :to="getLearningPathUrl(courseConfig.course_slug)"
class="inline-block pl-6" class="inline-block pt-3 sm:pl-6 sm:pt-0"
target="_blank" target="_blank"
> >
<div class="flex items-center"> <div class="flex items-center">

View File

@ -54,7 +54,7 @@ const attendanceCountPerChosenProfile = computed(() => {
<template> <template>
<div class="flex flex-col"> <div class="flex flex-col">
<div class="flex flex-col flex-wrap items-stretch md:flex-row"> <div class="flex flex-col flex-wrap items-stretch gap-y-4 sm:gap-y-0 md:flex-row">
<BaseBox <BaseBox
:details-link="`/dashboard/cost/${courseSessionId}`" :details-link="`/dashboard/cost/${courseSessionId}`"
data-cy="dashboard.stats.trainingResponsible.cost" data-cy="dashboard.stats.trainingResponsible.cost"