feat(frontend): Phase 5c-i — index.html dashboard shell · e24e70dde2 - 3x-ui

mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-08-16 00:01:02 +00:00

feat(frontend): Phase 5c-i — index.html dashboard shell

Replaces the smoke-test App.vue with a real IndexPage shell so the
/index.html route now boots the actual dashboard layout in Vue 3:

- a-config-provider drives AD-Vue 4's dark algorithm from useTheme
  (same pattern as LoginPage)
- AppSidebar (Phase 5b component) is wired in with basePath +
  requestUri props
- a-spin loading state with placeholder card while we build out the
  rest of the page
- Page palette mirrors the legacy: light #f0f2f5, dark #0a1222
  (--dark-color-background), ultra-dark #21242a

The 1,805-line legacy index.html is too big for one commit. Split
into five sub-phases on the todo list: ii) status cards + /server/status
polling, iii) xray status card, iv) logs/backup/panel-update modals,
v) custom-geo section.

frontend/src/App.vue and frontend/src/main.js (smoke-test scaffold)
are removed — both purposes now served by IndexPage and index.js.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

This commit is contained in:

MHSanaei

2026-05-08 12:26:51 +02:00

parent 4a98280519

commit e24e70dde2

5 changed files with 115 additions and 80 deletions

									
										frontend/index.html
									
		+2
		-1
	
												View File
												
				@@ -6,7 +6,8 @@

				    <title>3x-ui</title>

				  </head>

				  <body>

				    <div id="message"></div>

				    <div id="app"></div>

				    <script type="module" src="/src/main.js"></script>

				    <script type="module" src="/src/index.js"></script>

				  </body>

				</html>