From 704c826b29c90c8a95c317e4d2a777fb18931e0f Mon Sep 17 00:00:00 2001 From: Nettika Date: Thu, 29 Jan 2026 00:32:11 -0800 Subject: [PATCH] Add basic app interface --- TODO.md | 12 ++--- index.html | 2 +- package.json | 2 +- src/App.vue | 9 ++-- src/components/AppLayout.vue | 89 ++++++++++++++++++++++++++++++++++++ 5 files changed, 100 insertions(+), 14 deletions(-) create mode 100644 src/components/AppLayout.vue diff --git a/TODO.md b/TODO.md index b4098fdd1..a01c5747f 100644 --- a/TODO.md +++ b/TODO.md @@ -61,12 +61,12 @@ A step-by-step checklist for porting MatterControl's design features to a Vue + ## Phase 3: Core UI Layout ### Application Shell -- [ ] Create `AppLayout.vue` with CSS Grid layout -- [ ] Add header area with app title -- [ ] Add left sidebar container (tools panel) -- [ ] Add right sidebar container (properties panel) -- [ ] Add center viewport area -- [ ] Add bottom status bar +- [x] Create `AppLayout.vue` with CSS Grid layout +- [x] Add header area with app title +- [x] Add left sidebar container (tools panel) +- [x] Add right sidebar container (properties panel) +- [x] Add center viewport area +- [x] Add bottom status bar ### Theme System - [ ] Define CSS custom properties for colors diff --git a/index.html b/index.html index b4000672f..e9564a3ea 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - app + RapidModel
diff --git a/package.json b/package.json index ff5a98df9..09d0c32a6 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "app", + "name": "rapidmodel", "private": true, "version": "0.0.0", "type": "module", diff --git a/src/App.vue b/src/App.vue index 3b51102f8..19bf8907d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,16 +1,13 @@ diff --git a/src/components/AppLayout.vue b/src/components/AppLayout.vue new file mode 100644 index 000000000..0d9170b81 --- /dev/null +++ b/src/components/AppLayout.vue @@ -0,0 +1,89 @@ + + + + +