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

fix: FF rendering bug & cleanup

This commit is contained in:
Reto Aebersold 2023-11-01 08:54:34 +01:00
parent 555c4407dc
commit eebb512348
2 changed files with 4 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -36,23 +36,16 @@ const circles = computed(() => {
}); });
const wrapperClasses = computed(() => { const wrapperClasses = computed(() => {
let classes = "flex my-5"; let classes = "flex";
if (props.diagramType === "horizontal") { if (props.diagramType === "horizontal") {
classes += " flex-row h-8"; classes += " flex-row h-8 space-x-2";
} else if (props.diagramType === "horizontalSmall") { } else if (props.diagramType === "horizontalSmall") {
classes += " flex-row h-5"; classes += " flex-row h-5 space-x-1";
} else if (props.diagramType === "singleSmall") { } else if (props.diagramType === "singleSmall") {
classes += " h-8"; classes += " h-8";
} }
return classes; return classes;
}); });
const circleClasses = computed(() => {
if (props.diagramType === "horizontal" || props.diagramType === "horizontalSmall") {
return "pl-1";
}
return "";
});
</script> </script>
<template> <template>
@ -60,7 +53,6 @@ const circleClasses = computed(() => {
<LearningPathCircle <LearningPathCircle
v-for="circle in circles" v-for="circle in circles"
:key="circle.id" :key="circle.id"
:class="circleClasses"
:sectors="calculateCircleSectorData(circle)" :sectors="calculateCircleSectorData(circle)"
></LearningPathCircle> ></LearningPathCircle>
</div> </div>

2
client/src/pages/learningPath/learningPathPage/LearningPathCircle.vue
View File

@ -130,7 +130,7 @@ function render() {
</script> </script>
<template> <template>
<div class="svg-container content-center"> <div class="aspect-square content-center">
<pre hidden>{{ pieData }}</pre> <pre hidden>{{ pieData }}</pre>
<pre hidden>{{ render() }}</pre> <pre hidden>{{ render() }}</pre>
<svg :id="svgId" class="h-full min-w-[20px]"> <svg :id="svgId" class="h-full min-w-[20px]">