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

Started on grid layout

Browse Source
This commit is contained in:
Gregory Schier
2023-02-22 19:44:44 -08:00
parent fbcbf2e5a5
commit bd91ac88a3
7 changed files with 98 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,12 +1,28 @@
.cm-editor {
.cm-wrapper {
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
}
.cm-editor {
position: absolute !important;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: var(--border-radius-lg);
border: 1px solid hsl(var(--color-gray-50));
font-size: 0.9rem;
}
.cm-editor.cm-focused {
outline: none !important;
border-color: hsl(var(--color-gray-100));
}
.cm-editor .cm-scroller {
border-radius: var(--border-radius-lg);
background-color: hsl(var(--color-gray-50) / 0.5);
background-color: hsl(var(--color-gray-50));
}
.cm-editor .cm-line {
@@ -16,7 +32,7 @@
}
.cm-editor .cm-gutters {
background-color: transparent;
background-color: hsl(var(--color-gray-50));
border-right: 0;
color: hsl(var(--color-gray-300));
}

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

@@ -8,5 +8,5 @@ interface Props {
export default function Editor(props: Props) {
const { ref } = useCodeMirror({ value: props.value, contentType: props.contentType });
return <div ref={ref} className="m-0 text-sm overflow-hidden" />;
return <div ref={ref} className="cm-wrapper" />;
}