dexorder/web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

darkmode

Browse Source
This commit is contained in:
tim
2025-01-16 20:17:03 -04:00
parent 19a8ffbbd4
commit 0545cd6e97
51 changed files with 482 additions and 436 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/SplitPane.vue
View File

@@ -5,7 +5,7 @@
<div class="top">
<slot name="top"/>
</div>
<div class="resizer bg-grey-lighten-2" :data-direction="horizontal?'horizontal':'vertical'" ref="resizerElement"></div>
<div class="resizer" :data-direction="horizontal?'horizontal':'vertical'" ref="resizerElement"></div>
<div class="scrollpane">
<slot name="bottom"/>
</div>
@@ -119,14 +119,16 @@ body {
width: 100%;
}
// todo light/dark mode
.resizer[data-direction='horizontal'] {
background-color: #cbd5e0;
background-color: #444;
cursor: ew-resize;
height: 100%;
width: 2px;
}
.resizer[data-direction='vertical'] {
background-color: #444;
cursor: ns-resize;
height: 4px;
width: 100%;
@@ -143,5 +145,6 @@ body {
width: 100%;
min-height: 5em;
max-height: 100%;
overflow-y: hidden;
}
</style>