@@ -383,57 +383,51 @@ const config = computed<VueUiQuadrantConfig>(() => {
383383 })
384384 "
385385 />
386-
387- <foreignObject
388- :x =" 0"
389- :y =" 30"
390- style =" overflow : visible ;"
391- :width =" svg.width"
392- :height =" 12"
393- >
394- <div class =" flex items-center justify-center gap-2" >
395- <TooltipApp interactive >
396- <button
397- data-dom-to-png-ignore
398- type =" button"
399- class =" i-lucide:info w-3.5 h-3.5 text-fg-muted cursor-help"
400- :aria-label =" $t('compare.quadrant_chart.explanation.tooltip_help_efficiency')"
401- />
402- <template #content >
403- <div class =" flex flex-col gap-3" >
404- <p class =" text-xs text-fg-muted" >
405- {{ $t('compare.quadrant_chart.explanation.efficiency') }}
406- </p >
407- </div >
408- </template >
409- </TooltipApp >
410- </div >
386+
387+ <foreignObject :x =" 0" :y =" 30" style =" overflow : visible " :width =" svg.width" :height =" 12" >
388+ <div class =" flex items-center justify-center gap-2" >
389+ <TooltipApp interactive >
390+ <button
391+ data-dom-to-png-ignore
392+ type =" button"
393+ class =" i-lucide:info w-3.5 h-3.5 text-fg-muted cursor-help"
394+ :aria-label =" $t('compare.quadrant_chart.explanation.tooltip_help_efficiency')"
395+ />
396+ <template #content >
397+ <div class =" flex flex-col gap-3" >
398+ <p class =" text-xs text-fg-muted" >
399+ {{ $t('compare.quadrant_chart.explanation.efficiency') }}
400+ </p >
401+ </div >
402+ </template >
403+ </TooltipApp >
404+ </div >
411405 </foreignObject >
412406
413407 <foreignObject
414- :x =" svg.width - 40"
415- :y =" svg.height / 2 - 8"
416- style =" overflow : visible ; "
417- :width =" 20"
418- :height =" 12"
408+ :x =" svg.width - 40"
409+ :y =" svg.height / 2 - 8"
410+ style =" overflow : visible "
411+ :width =" 20"
412+ :height =" 12"
419413 >
420- <div class =" flex items-center justify-center gap-2" >
421- <TooltipApp interactive >
422- <button
423- data-dom-to-png-ignore
424- type =" button"
425- class =" i-lucide:info w-3.5 h-3.5 text-fg-muted cursor-help"
426- :aria-label =" $t('compare.quadrant_chart.explanation.tooltip_help_adoption')"
427- />
428- <template #content >
429- <div class =" flex flex-col gap-3" >
430- <p class =" text-xs text-fg-muted" >
431- {{ $t('compare.quadrant_chart.explanation.adoption') }}
432- </p >
433- </div >
434- </template >
435- </TooltipApp >
436- </div >
414+ <div class =" flex items-center justify-center gap-2" >
415+ <TooltipApp interactive >
416+ <button
417+ data-dom-to-png-ignore
418+ type =" button"
419+ class =" i-lucide:info w-3.5 h-3.5 text-fg-muted cursor-help"
420+ :aria-label =" $t('compare.quadrant_chart.explanation.tooltip_help_adoption')"
421+ />
422+ <template #content >
423+ <div class =" flex flex-col gap-3" >
424+ <p class =" text-xs text-fg-muted" >
425+ {{ $t('compare.quadrant_chart.explanation.adoption') }}
426+ </p >
427+ </div >
428+ </template >
429+ </TooltipApp >
430+ </div >
437431 </foreignObject >
438432 </template >
439433
0 commit comments