interactive horizontal limit lines

2024-02-01 23:11:20 -04:00
parent 29fcad1059
commit e5399d9fc9
24 changed files with 592 additions and 245 deletions
--- a/src/components/SplitPane.vue
+++ b/src/components/SplitPane.vue
@@ -6,7 +6,7 @@
      <slot name="top"/>
    </div>
    <div class="resizer bg-grey-lighten-2" :data-direction="horizontal?'horizontal':'vertical'" ref="resizerElement"></div>
-    <div class="bottom">
+    <div class="scrollpane">
      <slot name="bottom"/>
    </div>
  </div>
@@ -138,7 +138,7 @@ body {
  min-height: 5em;
 }

-.bottom {
+.scrollpane {
  flex: 1;
  width: 100%;
  min-height: 5em;