diff --git a/control/frontend/src/app.css b/control/frontend/src/app.css index 2638b11..a92f90a 100644 --- a/control/frontend/src/app.css +++ b/control/frontend/src/app.css @@ -29,7 +29,7 @@ } .splitpanes__splitter { - @apply bg-transparent hover:bg-stone-600 transition-colors duration-200 shrink-0 relative box-border rounded mx-5; + @apply bg-transparent hover:bg-stone-700 active:bg-stone-600 transition-colors duration-200 shrink-0 relative box-border rounded mx-5; /* box-sizing: border-box; position: relative; flex-shrink: 0; */ @@ -41,6 +41,11 @@ &:hover:before, &:hover:after { + @apply bg-stone-400; + } + + &:active:before, + &:active:after { @apply bg-stone-300; } @@ -55,7 +60,7 @@ @apply z-10; } - &.splitpanes--vertical>.splitpanes__splitter, + /* &.splitpanes--vertical>.splitpanes__splitter, .splitpanes--vertical>.splitpanes__splitter { @apply w-2.5 cursor-col-resize; @@ -71,7 +76,7 @@ &:after { @apply ml-[calc(0.25*var(--spacing))]; } - } + } */ &.splitpanes--horizontal>.splitpanes__splitter, .splitpanes--horizontal>.splitpanes__splitter { diff --git a/control/frontend/src/components/DisplayView.svelte b/control/frontend/src/components/DisplayView.svelte index 2e87329..1b79c94 100644 --- a/control/frontend/src/components/DisplayView.svelte +++ b/control/frontend/src/components/DisplayView.svelte @@ -104,7 +104,7 @@
- + {#if $pinned_display_id}