fix: height and spacing

jdaviz/solara.css

@@ -0,0 +1,10 @@
+.solara-content-main {
+    padding-top: 0 !important;
+}
+.widget-output {
+    margin: 0;
+}
+.v-content.jdaviz__content--not-in-notebook {
+    height: 100vh;
+    max-height: 100vh;
+}

jdaviz/solara.py

@@ -1,4 +1,6 @@
 import os
+from pathlib import Path
+
 import solara
 import ipygoldenlayout
 import ipysplitpanes
@@ -28,6 +30,8 @@ def Page():
 
     ipyvue.register_component_from_file('g-viewer-tab', "container.vue", jdaviz.__file__)
 
+    solara.Style(Path(__file__).parent / "solara.css")
+
     if not len(data_list):
         from jdaviz.core.launcher import Launcher
         launcher = Launcher(height='100%', filepath=(data_list[0] if len(data_list) == 1 else ''))
@@ -42,11 +46,4 @@ def Page():
         else:
             viz.load_data(data, **load_data_kwargs)
 
-    viz.app.template.template = viz.app.template.template.replace(
-        'calc(100% - 48px);', '800px'  # '80vh !important;'
-    )
-
-    height = '800px'
-    viz.app.layout.height = height
-    viz.app.state.settings['context']['notebook']['max_height'] = height
     solara.display(viz.app)

pyproject.toml

@@ -105,6 +105,7 @@ jdaviz = [
     "data/*",
     "data/*/*",
     "*.vue",
+    "*.css",
     "components/*.vue",
     "configs/*/*/*/*.vue",
     "configs/*/*.yaml",