ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixes in LearningPathDiagram

This commit is contained in:
Daniel Egger 2022-10-12 13:45:26 +02:00
parent a736d22b21
commit aeae8318d1
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/learningPath/LearningPathDiagram.vue
View File

@ -268,7 +268,7 @@ export default {
if (this.vertical) { if (this.vertical) {
const Circles_X = radius; const Circles_X = radius;
const Topics_X = Circles_X - circleWidth; const Topics_X = Circles_X - 20;
circle_groups.attr("transform", (d, i) => { circle_groups.attr("transform", (d, i) => {
return ( return (
@ -388,7 +388,10 @@ export default {
<div class="svg-container h-full content-start"> <div class="svg-container h-full content-start">
<svg <svg
:id="identifier" :id="identifier"
class="learning-path-visualization h-full -mt-6 lg:mt-0" class="learning-path-visualization h-full mx-auto -mt-6 lg:mt-0"
:class="{
'max-h-[384px]': !vertical,
}"
:viewBox="viewBox" :viewBox="viewBox"
></svg> ></svg>
</div> </div>

4
client/src/pages/learningPath/LearningPathPage.vue
View File

@ -68,7 +68,7 @@ const createContinueUrl = (learningPath: LearningPath): [string, boolean] => {
</button> </button>
</div> </div>
<LearningPathDiagram <LearningPathDiagram
class="mx-auto max-w-[1920px] w-full" class="mx-auto max-w-[1920px] max-h-[380px] w-full"
identifier="mainVisualization" identifier="mainVisualization"
:vertical="false" :vertical="false"
></LearningPathDiagram> ></LearningPathDiagram>
@ -79,7 +79,7 @@ const createContinueUrl = (learningPath: LearningPath): [string, boolean] => {
{{ learningPathStore.learningPath.title }} {{ learningPathStore.learningPath.title }}
</h1> </h1>
<div <div
class="bg-white p-4 flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-gray-500 justify-start" class="bg-white p-4 lg:mb-16 flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-gray-500 justify-start"
> >
<div class="p-2 lg:p-8 flex-auto"> <div class="p-2 lg:p-8 flex-auto">
<h2>Willkommmen zurück, {{ userStore.first_name }}</h2> <h2>Willkommmen zurück, {{ userStore.first_name }}</h2>