mirror of
https://github.com/unraid/api.git
synced 2026-01-01 14:10:10 -06:00
acbf46df3f
Replaces the Connect Settings form at Settings > Management Access with a webcomponent containing a generated form. CodeRabbit: - **New Features** - Enhanced connection settings with an updated UI, including a new custom element `<unraid-connect-settings>`. - Introduced several new form components (e.g., `NumberField`, `StringArrayField`, `Select`, `Switch`, `PreconditionsLabel`, `ControlLayout`, and `VerticalLayout`) for a more dynamic experience. - Added a notification system with the `Toaster` component for user feedback. - New GraphQL operations for managing connection settings and API updates. - **Chores** - Upgraded multiple backend and frontend dependencies and refined configuration files. - **Tests** - Expanded test coverage for CSV conversion, form settings merging, and the new `csvStringToArray` function. - **Documentation** - Added introductory documentation for form components and a readme for the forms directory.
36 lines
939 B
TypeScript
36 lines
939 B
TypeScript
import tailwindRemToRem from '@unraid/tailwind-rem-to-rem';
|
|
import tailwindConfig from '@unraid/ui/tailwind.config.ts';
|
|
import type { Config } from 'tailwindcss';
|
|
|
|
|
|
|
|
export default {
|
|
presets: [tailwindConfig],
|
|
content: [
|
|
// Web components
|
|
'./components/**/*.ce.{js,vue,ts}',
|
|
// Regular Vue components
|
|
'./components/**/*.{js,vue,ts}',
|
|
'./layouts/**/*.vue',
|
|
'./pages/**/*.vue',
|
|
],
|
|
mode: 'jit',
|
|
safelist: [],
|
|
plugins: [
|
|
tailwindRemToRem({
|
|
baseFontSize: 16,
|
|
/**
|
|
* The font size where the web components will be rendered in production.
|
|
* Required due to the webgui using the 62.5% font-size "trick".
|
|
* Set an env to 16 for local development and 10 for everything else.
|
|
*/
|
|
newFontSize: Number(process.env.VITE_TAILWIND_BASE_FONT_SIZE ?? 10),
|
|
}),
|
|
],
|
|
theme: {
|
|
extend: {
|
|
// web-specific extensions only
|
|
},
|
|
},
|
|
} satisfies Partial<Config>;
|