build: customize base url via PUBLIC_PATH environment variable

.github/workflows/publish-gh-pages.yml

@@ -21,6 +21,8 @@ jobs:
           node-version: latest
 
       - name: build
+        env:
+          PUBLIC_PATH: /metacubexd
         run: |
           pnpm install
           pnpm build

src/App.tsx

@@ -22,7 +22,10 @@ export const App = () => {
   })
 
   return (
-    <div class="app relative" data-theme={curTheme()}>
+    <div
+      class="relative min-h-screen p-4 subpixel-antialiased"
+      data-theme={curTheme()}
+    >
       <div class="sticky inset-x-0 top-0 z-50 flex items-center rounded-md bg-base-200 px-4 py-2">
         <Show when={location.pathname !== '/setup'}>
           <Header />

src/index.css

@@ -2,9 +2,3 @@
 @tailwind components;
 @tailwind utilities;
 @tailwind variants;
-
-.app {
-  min-height: 100vh;
-  padding: 1rem;
-  @apply subpixel-antialiased;
-}

src/index.tsx

@@ -1,10 +1,11 @@
+import '~/index.css'
+
 /* @refresh reload */
 import 'solid-devtools'
 import { render } from 'solid-js/web'
 
 import { Router, hashIntegration } from '@solidjs/router'
 import { App } from './App'
-import './index.css'
 
 const root = document.getElementById('root')
 

vite.config.ts

@@ -3,6 +3,7 @@ import { defineConfig } from 'vite'
 import solidPlugin from 'vite-plugin-solid'
 
 export default defineConfig({
+  base: process.env.PUBLIC_PATH || '/',
   resolve: {
     alias: {
       '~': '/src',