Tauri 编辑器应用框架

2025-10-14 22:53:26 +08:00
parent b20b2ae4ce
commit bd839cf431
18 changed files with 1702 additions and 5 deletions
--- a/packages/editor-app/src/styles/App.css
+++ b/packages/editor-app/src/styles/App.css
@@ -0,0 +1,99 @@
+.editor-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: #1e1e1e;
+  color: #cccccc;
+}
+
+.editor-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 16px;
+  background-color: #2d2d2d;
+  border-bottom: 1px solid #3e3e3e;
+}
+
+.editor-header h1 {
+  font-size: 16px;
+  font-weight: 600;
+  margin: 0;
+}
+
+.editor-header .status {
+  font-size: 12px;
+  color: #4ec9b0;
+}
+
+.editor-content {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+
+.sidebar-left,
+.sidebar-right {
+  width: 250px;
+  background-color: #252526;
+  border-right: 1px solid #3e3e3e;
+  padding: 12px;
+  overflow-y: auto;
+}
+
+.sidebar-right {
+  border-right: none;
+  border-left: 1px solid #3e3e3e;
+}
+
+.sidebar-left h3,
+.sidebar-right h3 {
+  font-size: 14px;
+  margin-bottom: 12px;
+  color: #ffffff;
+}
+
+.main-content {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden;
+}
+
+.viewport {
+  flex: 1;
+  background-color: #1e1e1e;
+  border-bottom: 1px solid #3e3e3e;
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+}
+
+.viewport h3 {
+  font-size: 14px;
+  margin-bottom: 12px;
+  color: #ffffff;
+}
+
+.bottom-panel {
+  height: 200px;
+  background-color: #252526;
+  padding: 12px;
+  overflow-y: auto;
+}
+
+.bottom-panel h4 {
+  font-size: 12px;
+  margin-bottom: 8px;
+  color: #ffffff;
+}
+
+.editor-footer {
+  display: flex;
+  justify-content: space-between;
+  padding: 4px 16px;
+  background-color: #007acc;
+  color: #ffffff;
+  font-size: 12px;
+}
--- a/packages/editor-app/src/styles/index.css
+++ b/packages/editor-app/src/styles/index.css
@@ -0,0 +1,19 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  overflow: hidden;
+}
+
+#root {
+  width: 100vw;
+  height: 100vh;
+}