🐛 Fix(quarto_reportview.py): Fix png size issue on quarto reports, now the images are resized keeping their ratio

Author: sayalaruano

.gitignore

@@ -128,6 +128,5 @@ docs/images/UML_diagrams/
 docs/images/Graphical_abstract/
 docs/images/Nfcore_module_figure
 docs/presentations/
-docs/example_data/Earth_microbiome_vuegen_demo_notebook_test/
-docs/vuegen_case_study_earth_microbiome_test.ipynb
-test.py
+./basic_example_vuegen_demo_notebook_config.yaml
+./earth_microbiome_vuegen_demo_notebook_config.yaml

src/vuegen/quarto_reportview.py

@@ -365,6 +365,7 @@ def _create_yaml_header(self) -> str:
             r.ReportType.PDF: """
   pdf:
     toc: false
+    fig-align: center
     margin:
       - bottom=40mm
     include-in-header: 
@@ -568,7 +569,7 @@ def _generate_plot_content(self, plot) -> List[str]:
         try:
             if plot.plot_type == r.PlotType.STATIC:
                 plot_content.append(
-                    self._generate_image_content(plot.file_path, width=950)
+                    self._generate_image_content(plot.file_path, width="95%")
                 )
             elif plot.plot_type == r.PlotType.PLOTLY:
                 plot_content.append(self._generate_plot_code(plot))
@@ -901,7 +902,7 @@ def _generate_html_content(self, html) -> List[str]:
         return html_content
 
     def _generate_image_content(
-        self, image_path: str, alt_text: str = "", width: int = 650, height: int = 400
+        self, image_path: str, alt_text: str = "", width: str = "95%"
     ) -> str:
         """
         Adds an image to the content list in an HTML format with a specified width and height.
@@ -927,7 +928,7 @@ def _generate_image_content(
         else:
             src = get_relative_file_path(image_path, base_path="..").as_posix()
 
-        return f"""![]({src}){{fig-alt={alt_text} width={width} height={height}}}\n"""
+        return f"""![]({src}){{fig-alt={alt_text} width={width}}}\n"""
 
     def _generate_component_imports(self, component: r.Component) -> List[str]:
         """