add panel resizing to views

2022-02-01 16:44:51 +02:00
parent 5850551906
commit 9a09da88ec
8 changed files with 318 additions and 122 deletions
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -15,16 +15,21 @@ body,
 .gutter {
  position: relative;
  background: transparent;
+  transition: border-color 0.3s;
 }
 .gutter-vertical {
  margin-top: -10px;
+  border-bottom: 1px solid transparent;
 }
 .gutter-horizontal {
  margin-left: -10px;
+  border-right: 1px solid transparent;
 }
 .gutter-vertical:hover {
  cursor: row-resize;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
 }
 .gutter-horizontal:hover {
  cursor: col-resize;
+  border-right: 1px solid rgba(255, 255, 255, 0.5);
 }