Superminaren
/
kvm
mirror of https://github.com/jetkvm/kvm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(ui): update prettier configuration and quote styles 

- Add cx to tailwind functions
- Set tailwind stylesheet path
- Convert single quotes to double quotes in CSS
- Add prettier ignore comments for animation utilities
This commit is contained in:
Adam Shiervani 2025-05-20 13:47:59 +02:00
parent 66fbda864a
commit 6caec390b8
2 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/.prettierrc
View File

@ -6,6 +6,7 @@
"arrowParens": "avoid", "arrowParens": "avoid",
"singleQuote": false, "singleQuote": false,
"plugins": ["prettier-plugin-tailwindcss"], "plugins": ["prettier-plugin-tailwindcss"],
"tailwindFunctions": ["clsx"], "tailwindFunctions": ["clsx", "cx"],
"printWidth": 90 "printWidth": 90,
"tailwindStylesheet": "./src/index.css"
} }

25
ui/src/index.css
View File

@ -1,4 +1,4 @@
@import 'tailwindcss'; @import "tailwindcss";
@config "../tailwind.config.js"; @config "../tailwind.config.js";
@ -10,10 +10,10 @@
@custom-variant dark (&:where(.dark, .dark *)); @custom-variant dark (&:where(.dark, .dark *));
@theme { @theme {
--font-sans: 'Circular', sans-serif; --font-sans: "Circular", sans-serif;
--font-display: 'Circular', sans-serif; --font-display: "Circular", sans-serif;
--font-serif: 'Circular', serif; --font-serif: "Circular", serif;
--font-mono: 'Source Code Pro Variable', monospace; --font-mono: "Source Code Pro Variable", monospace;
--grid-layout: auto 1fr auto; --grid-layout: auto 1fr auto;
--grid-headerBody: auto 1fr; --grid-headerBody: auto 1fr;
@ -122,13 +122,22 @@
} }
} }
/* If we don't ignore this, Prettier will add a space between the value and the `ms`. Rendering the utility invalid. */
/* prettier-ignore */
@utility max-width-* { @utility max-width-* {
max-width: --modifier(--container- *, [length], [ *]); max-width: --modifier(--container-*, [length], [*]);
} }
/* Ensure there is not a `ms` and ms -> `...)ms` */ /* If we don't ignore this, Prettier will add a space between the value and the `ms`. Rendering the utility invalid. */
/* prettier-ignore */
@utility animation-delay-* { @utility animation-delay-* {
animation-delay: --value(integer) ms; animation-delay: --value(integer)ms;
}
/* If we don't ignore this, Prettier will add a space between the value and the `ms`. Rendering the utility invalid. */
/* prettier-ignore */
@utility animation-duration-* {
animation-duration: --value(integer)ms;
} }
html { html {