starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-21 00:49:17 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Started on general window layout

Browse Source
This commit is contained in:
Gregory Schier
2023-02-19 23:11:59 -08:00
parent 0a0839cc3c
commit b95429dbeb
17 changed files with 337 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src-web/components/Editor/Editor.css
View File

@@ -1,6 +1,5 @@
.cm-editor {
width: 100%;
height: calc(100vh - 270px);
overflow: hidden;
border-radius: var(--border-radius-lg);
}
@@ -11,20 +10,26 @@
}
.cm-editor .cm-line {
padding-left: 1.5em;
padding-left: 1em;
padding-right: 1.5em;
color: hsl(var(--color-gray-900));
}
.cm-editor .cm-gutters {
background-color: transparent;
border-right: 1px solid hsl(var(--color-gray-100));
border-right: 0;
color: hsl(var(--color-gray-300));
}
.cm-editor .cm-foldPlaceholder {
background-color: hsl(var(--color-gray-100));
border: 1px solid hsl(var(--color-gray-200));
padding: 0 0.3em;
}
.cm-editor .cm-activeLineGutter,
.cm-editor .cm-activeLine {
background-color: hsl(var(--color-gray-100) / 0.5);
background-color: hsl(var(--color-gray-50));
}
.cm-editor * {
@@ -41,9 +46,9 @@
}
.cm-editor .cm-selectionBackground {
background-color: rgba(180, 180, 180, 0.3);
background-color: hsl(var(--color-gray-100));
}
.cm-editor.cm-focused .cm-selectionBackground {
background-color: rgba(180, 180, 180, 0.3);
background-color: hsl(var(--color-gray-100));
}

2
src-web/components/Editor/Editor.tsx
View File

@@ -1,4 +1,4 @@
import useCodeMirror, { EditorLanguage } from '../../hooks/useCodemirror';
import useCodeMirror from '../../hooks/useCodemirror';
import './Editor.css';
interface Props {