diff --git a/dprint.json b/dprint.json
index 74521dc..d5e0b67 100644
--- a/dprint.json
+++ b/dprint.json
@@ -4,10 +4,13 @@
"lineWidth": 120,
"includes": ["*.{ts,json,md,html}"],
"excludes": ["**/lib", "**/node_modules", "**/*-lock.json"],
+ "malva": {
+ "declarationOrder": "concentric"
+ },
"plugins": [
- "https://plugins.dprint.dev/biome-0.4.1.wasm",
- "https://plugins.dprint.dev/g-plane/malva-v0.1.5.wasm",
- "https://plugins.dprint.dev/g-plane/markup_fmt-v0.6.0.wasm",
+ "https://plugins.dprint.dev/biome-0.5.0.wasm",
+ "https://plugins.dprint.dev/g-plane/malva-v0.3.0.wasm",
+ "https://plugins.dprint.dev/g-plane/markup_fmt-v0.7.0.wasm",
"https://plugins.dprint.dev/markdown-0.16.4.wasm"
]
}
diff --git a/index.html b/index.html
index bc35a73..104324b 100644
--- a/index.html
+++ b/index.html
@@ -11,36 +11,44 @@
}
.main {
- margin: 100px;
display: grid;
justify-items: center;
+ margin: 100px;
}
.editor-header {
+ display: flex;
position: absolute;
- height: 40px;
top: -40px;
- width: 100%;
- color: inherit;
- background-color: inherit;
- display: flex;
align-items: center;
gap: 20px;
- padding-inline: 20px;
box-sizing: border-box;
border-radius: 8px 8px 0 0;
+ background-color: inherit;
+ padding-inline: 20px;
+ width: 100%;
+ height: 40px;
+ color: inherit;
}
.editor-header select {
- color: inherit;
- background: inherit;
border-color: transparent;
+ background: inherit;
+ color: inherit;
+ }
+
+ .editor-footer {
+ position: absolute;
+ bottom: -8px;
+ border-radius: 0 0 8px 8px;
+ background-color: inherit;
+ width: 100%;
+ height: 8px;
}
#container {
width: 1000px;
height: 800px;
- border-radius: 0 0 8px 8px;
font-size: 14px;
line-height: 1.7;
}
@@ -54,6 +62,7 @@
+