iamBadgers/foundry-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Perma dark mode and fixing inconsistent styles.

Browse Source
This commit is contained in:
iamBadgers
2026-03-28 17:52:59 -07:00
parent 20398be7c4
commit 2ee43ac090
7 changed files with 152 additions and 352 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Dockerfile
View File

@@ -29,7 +29,7 @@
FROM node:lts-alpine
# install simple http server for serving static content
RUN npm install -g http-server
RUN npm install -g http-server@latest
# make the 'app' folder the current working directory
WORKDIR /app

4
index.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="">
<html lang="" class="darkmode">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
@@ -7,7 +7,7 @@
<title>Foundry Manager</title>
</head>
<body>
<div id="app"></div>
<div id="app" class="darkmode"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

460
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
package.json
View File

@@ -16,10 +16,9 @@
},
"dependencies": {
"@primeuix/themes": "^2.0.3",
"@tailwindcss/vite": "^4.2.2",
"axios": "^1.13.6",
"primeflex": "^4.0.0",
"primevue": "^4.5.4",
"tailwindcss-primeui": "^0.6.1",
"vue": "^3.5.29"
},
"devDependencies": {
@@ -38,7 +37,6 @@
"oxlint": "~1.50.0",
"postcss": "^8.5.8",
"prettier": "3.8.1",
"tailwindcss": "^4.2.2",
"typescript": "~5.9.3",
"vite": "^7.3.1",
"vite-plugin-vue-devtools": "^8.0.6",

18
src/App.vue
View File

@@ -37,10 +37,8 @@ function stopTable(tableId: number) {
</script>
<style>
@import "tailwindcss";
@import "tailwindcss-primeui";
<style>
.ActiveTables {
margin: 20px;
@@ -51,18 +49,21 @@ function stopTable(tableId: number) {
.ATTables {
padding-left: 50px;
}
.button-box {
padding: 10px;
}
}
</style>
<template>
<Card class="ActiveTables">
<template #header>
<template #title>
<h2>Active Tables</h2>
</template>
<template #content>
<DataTable class="ATTables" style="" :exportable="false" :value="activeTables">
<DataTable :exportable="false" :value="activeTables">
<Column field="table_name" header="Table Name" />
<Column field="table_link" header="Table Link">
<template #body="slotProps">
@@ -79,7 +80,7 @@ function stopTable(tableId: number) {
</Card>
<Card class="ActiveTables">
<template #header>
<template #title>
<h2>All Tables</h2>
</template>
@@ -93,10 +94,9 @@ function stopTable(tableId: number) {
</template>
</Column>
</DataTable>
<div class="flex justify-end">
<div class="button-box flex justify-content-end">
<Button label="New Table"/>
</div>
</template>
</Card>
</template>

12
src/main.ts
View File

@@ -2,8 +2,16 @@ import { createApp } from 'vue'
import PrimeVue from 'primevue/config';
import Aura from '@primeuix/themes/aura'
import App from './App.vue'
import 'primeflex/primeflex.css'
const app = createApp(App)
app.use(PrimeVue, {
theme: {
preset: Aura,
options: {
darkModeSelector: ".darkmode",
cssLayer: false
}
}
})
app.mount('#app')
app.use(PrimeVue, { theme: { preset: Aura } })

4
vite.config.ts
View File

@@ -3,14 +3,14 @@ import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
import tailwindcss from '@tailwindcss/vite'
// import tailwindcss from '@tailwindcss/vite'
// https://vite.dev/config/
export default defineConfig({
plugins: [
vue(),
vueDevTools(),
tailwindcss(),
// tailwindcss(),
],
resolve: {
alias: {