diff --git a/packages/frontend/index.html b/packages/frontend/index.html deleted file mode 100644 index 427616c..0000000 --- a/packages/frontend/index.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - Caido - - -
- - - - diff --git a/packages/frontend/package.json b/packages/frontend/package.json index 92fa51c..3683fe5 100644 --- a/packages/frontend/package.json +++ b/packages/frontend/package.json @@ -6,27 +6,28 @@ "license": "CC0-1.0", "type": "module", "scripts": { - "dev": "vite --config ./vite.config.dev.ts", "typecheck": "vue-tsc --noEmit", "build": "vite build" }, "dependencies": { + "@caido/primevue": "0.1.1", "@caido/sdk-frontend": "0.41.0", "@fortawesome/fontawesome-free": "6.6.0", "@vueuse/core": "10.11.1", "pinia": "2.2.1", - "primevue": "4.0.5", - "@caido/primevue": "0.0.3", + "primevue": "4.1.0", "shared": "workspace:*", "vue": "3.4.37" }, "devDependencies": { - "@codemirror/view": "6.28.1", "@caido/sdk-backend": "0.41.0", + "@caido/tailwindcss": "0.0.1", + "@codemirror/view": "6.28.1", "@vitejs/plugin-vue": "5.1.2", "backend": "workspace:*", "postcss-prefixwrap": "1.51.0", - "tailwindcss": "3.4.9", + "tailwindcss": "3.4.13", + "tailwindcss-primeui": "0.3.4", "vue-tsc": "2.0.29" } } diff --git a/packages/frontend/postcss.config.js b/packages/frontend/postcss.config.js new file mode 100644 index 0000000..dfefdb8 --- /dev/null +++ b/packages/frontend/postcss.config.js @@ -0,0 +1,9 @@ +import tailwindcss from "tailwindcss"; +import prefixwrap from "postcss-prefixwrap"; + +export default { + plugins: [ + tailwindcss(), + prefixwrap("#plugin--authmatrix"), + ], +} diff --git a/packages/frontend/src/app.ts b/packages/frontend/src/app.ts index c16dbd3..976fead 100644 --- a/packages/frontend/src/app.ts +++ b/packages/frontend/src/app.ts @@ -1,4 +1,4 @@ -import { ClassicTheme, ClassicThemePassthrough } from "@caido/primevue"; +import { Classic } from "@caido/primevue"; import PrimeVue from "primevue/config"; import Tooltip from "primevue/tooltip"; import { createApp } from "vue"; @@ -21,19 +21,8 @@ export const defineApp = (sdk: CaidoSDK) => { app.use(pinia); app.use(PrimeVue, { - theme: { - preset: ClassicTheme, - options: { - /** - * The selector to use to determine if the user has selected dark mode. - * This selector is present in the HTML of the core Caido app, not the plugin. - */ - darkModeSelector: "[data-mode=dark]", - }, - }, - pt: { - ...ClassicThemePassthrough, - }, + unstyled: true, + pt: Classic, }); app.directive("tooltip", Tooltip); diff --git a/packages/frontend/src/components/dashboard/TemplateTable/Container.vue b/packages/frontend/src/components/dashboard/TemplateTable/Container.vue index 7499e85..12f6ec3 100644 --- a/packages/frontend/src/components/dashboard/TemplateTable/Container.vue +++ b/packages/frontend/src/components/dashboard/TemplateTable/Container.vue @@ -121,7 +121,7 @@ const onTemplateUpdate = ( :pt="{ body: { class: 'flex-1 min-h-0' }, content: { class: 'h-full' } }"> - + + + diff --git a/packages/frontend/src/components/users-roles/RoleList/Container.vue b/packages/frontend/src/components/users-roles/RoleList/Container.vue index b62a3c2..5d0a77a 100644 --- a/packages/frontend/src/components/users-roles/RoleList/Container.vue +++ b/packages/frontend/src/components/users-roles/RoleList/Container.vue @@ -18,14 +18,14 @@ const onAddRole = () => { - +