initial commit: MD Editor with Tauri + React

src/components/StatusBar.css

@@ -0,0 +1,40 @@
+.statusbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 24px;
+  background: var(--bg-statusbar);
+  padding: 0 12px;
+  flex-shrink: 0;
+  font-size: 11px;
+  color: rgba(255, 255, 255, 0.9);
+  font-family: var(--font-ui);
+}
+
+.sb-right {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.sb-item {
+  white-space: nowrap;
+}
+
+.sb-path {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 400px;
+}
+
+.sb-badge {
+  background: rgba(255, 255, 255, 0.18);
+  padding: 1px 7px;
+  border-radius: 3px;
+}
+
+@media (max-width: 768px) {
+  .statusbar {
+    display: none;
+  }
+}