public/code-crispies
2
1
Fork 0
Code Issues 7 Pull Requests Actions Activity

WIP: enhance code editor layout and implement live preview functionality

Browse Source
This commit is contained in:
Michael Czechowski
2025-05-18 21:55:49 +02:00
parent f4bdd660a9
commit c6f1179568
4 changed files with 247 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/main.css
View File

@@ -271,6 +271,15 @@ code {
overflow: hidden;
}
.code-editor.block-editor {
display: block;
}
.code-editor.inline-editor {
display: inline-block;
width: 100%;
}
.editor-header {
background-color: var(--code-bg);
padding: var(--spacing-xs) var(--spacing-md);
@@ -283,11 +292,13 @@ code {
}
.editor-content {
display: flex;
flex-direction: column;
background-color: var(--editor-bg);
color: #d4d4d4;
padding: var(--spacing-md);
margin-bottom: 4rem;
overflow-y: auto;
/*margin-bottom: 4rem;*/
overflow-y: scroll;
height: 100%;
font-family: var(--font-code);
font-size: 14px;
@@ -314,6 +325,8 @@ code {
}
.code-input {
flex: 1;
display: block;
background-color: transparent;
color: #d4d4d4;
border: none;