PLG_Development/PLG-MuDiCS
3
0
Fork 0
mirror of https://codeberg.org/PLG-Development/PLG-MuDiCS synced 2026-07-06 00:47:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve splitpane behavior and look

Browse Source
This commit is contained in:
E44
2025-11-08 21:51:41 +01:00
parent e2dbbcc70d
commit bd5a15e3b5
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
control/frontend/src/app.css
+8 -3
View File
@@ -29,7 +29,7 @@
} }
.splitpanes__splitter { .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; /* box-sizing: border-box;
position: relative; position: relative;
flex-shrink: 0; */ flex-shrink: 0; */
@@ -41,6 +41,11 @@
&:hover:before, &:hover:before,
&:hover:after { &:hover:after {
@apply bg-stone-400;
}
&:active:before,
&:active:after {
@apply bg-stone-300; @apply bg-stone-300;
} }
@@ -55,7 +60,7 @@
@apply z-10; @apply z-10;
} }
&.splitpanes--vertical>.splitpanes__splitter, /* &.splitpanes--vertical>.splitpanes__splitter,
.splitpanes--vertical>.splitpanes__splitter { .splitpanes--vertical>.splitpanes__splitter {
@apply w-2.5 cursor-col-resize; @apply w-2.5 cursor-col-resize;
@@ -71,7 +76,7 @@
&:after { &:after {
@apply ml-[calc(0.25*var(--spacing))]; @apply ml-[calc(0.25*var(--spacing))];
} }
} } */
&.splitpanes--horizontal>.splitpanes__splitter, &.splitpanes--horizontal>.splitpanes__splitter,
.splitpanes--horizontal>.splitpanes__splitter { .splitpanes--horizontal>.splitpanes__splitter {
control/frontend/src/components/DisplayView.svelte
+1 -1
View File
@@ -104,7 +104,7 @@
<svelte:window on:wheel={on_wheel} /> <svelte:window on:wheel={on_wheel} />
<div class="h-[calc(100dvh-3rem-(6*var(--spacing)))] flex flex-col gap-2"> <div class="h-[calc(100dvh-3rem-(6*var(--spacing)))] flex flex-col gap-2">
<Splitpanes horizontal theme="mudics-stone-theme" on:resized={handle_splitpane_resize}> <Splitpanes horizontal theme="mudics-stone-theme" on:resized={handle_splitpane_resize} dblClickSplitter={false}>
{#if $pinned_display_id} {#if $pinned_display_id}
<!-- Pinned Item --> <!-- Pinned Item -->
<Pane maxSize={60} snapSize={20} bind:size={pinned_pane_size}> <Pane maxSize={60} snapSize={20} bind:size={pinned_pane_size}>