aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2025-12-18 23:04:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix tailwind

Browse Source
This commit is contained in:
Paul Miller
2023-04-26 17:08:08 -05:00
parent 036487dda4
commit bf8178cce5
2 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/layout/Radio.tsx
View File

@@ -6,6 +6,7 @@ type Choices = { value: string, label: string, caption: string }[]
// TODO: how could would it be if we could just pass the estimated fees in here? // TODO: how could would it be if we could just pass the estimated fees in here?
export function StyledRadioGroup(props: { value: string, choices: Choices, onValueChange: (value: string) => void, small?: boolean, }) { export function StyledRadioGroup(props: { value: string, choices: Choices, onValueChange: (value: string) => void, small?: boolean, }) {
return ( return (
// TODO: rewrite this with CVA, props are bad for tailwind
<RadioGroup.Root value={props.value} onValueChange={(e) => props.onValueChange(e)} class={`grid w-full gap-${props.small ? "2" : "4"} grid-cols-${props.choices.length.toString()}`}> <RadioGroup.Root value={props.value} onValueChange={(e) => props.onValueChange(e)} class={`grid w-full gap-${props.small ? "2" : "4"} grid-cols-${props.choices.length.toString()}`}>
<For each={props.choices}> <For each={props.choices}>
{choice => {choice =>

6
tailwind.config.cjs
View File

@@ -6,6 +6,12 @@ module.exports = {
"./index.html", "./index.html",
"./src/**/*.{js,ts,jsx,tsx}", "./src/**/*.{js,ts,jsx,tsx}",
], ],
safelist: [
'grid-cols-1',
'grid-cols-2',
'gap-2',
'gap-4'
],
variants: { variants: {
extend: { extend: {
borderWidth: ['responsive', 'last', 'hover', 'focus'], borderWidth: ['responsive', 'last', 'hover', 'focus'],