rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: init install mode

Browse source
This commit is contained in:
swve 2023-07-10 15:05:11 +01:00
parent 687f7b2116
commit 056365dac9
21 changed files with 1230 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
front/components/StyledElements/Form/Form.tsx
View file

@ -2,6 +2,7 @@ import React from 'react';
import * as Form from '@radix-ui/react-form';
import { styled, keyframes } from '@stitches/react';
import { blackA, violet, mauve } from '@radix-ui/colors';
import { Info } from 'lucide-react';
const FormLayout = (props: any, onSubmit: any) => (
<FormRoot onSubmit={props.onSubmit}>
@ -9,6 +10,13 @@ const FormLayout = (props: any, onSubmit: any) => (
</FormRoot>
);
export const FormLabelAndMessage = (props: { label: string, message?: string }) => (
<div className='flex items-center space-x-3'>
<FormLabel className='grow'>{props.label}</FormLabel>
{props.message && <div className='text-red-700 text-sm items-center rounded-md flex space-x-1'><Info size={10} /><div>{props.message}</div></div> || <></>}
</div>
);
export const FormRoot = styled(Form.Root, {
margin: 7
});