4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

🐛 fixed button and input

Browse Source
This commit is contained in:
Maxime Lalo 2024-07-22 15:42:11 +02:00
parent be4ef59e5d
commit cb3fceeb44
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/front/Components/DesignSystem/Button/classes.module.scss
View File

@ -629,6 +629,7 @@
padding: var(--spacing-0-5) var(--spacing-1-5); padding: var(--spacing-0-5) var(--spacing-1-5);
gap: var(--spacing-0-75); gap: var(--spacing-0-75);
font-size: 14px; font-size: 14px;
height: 32px;
} }
&[sizing="md"] { &[sizing="md"] {

6
src/front/Components/DesignSystem/Form/TextField/index.tsx
View File

@ -1,12 +1,10 @@
import React from "react"; import React from "react";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import { ReactNode } from "react"; import { ReactNode } from "react";
import CopyIcon from "@Assets/Icons/copy.svg";
import BaseField, { IProps as IBaseFieldProps } from "../BaseField"; import BaseField, { IProps as IBaseFieldProps } from "../BaseField";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import classnames from "classnames"; import classnames from "classnames";
import Image from "next/image"; import { XMarkIcon, Square2StackIcon } from "@heroicons/react/24/outline";
import { XMarkIcon } from "@heroicons/react/24/outline";
export type IProps = IBaseFieldProps & { export type IProps = IBaseFieldProps & {
canCopy?: boolean; canCopy?: boolean;
password?: boolean; password?: boolean;
@ -42,7 +40,7 @@ export default class TextField extends BaseField<IProps> {
/> />
{this.props.canCopy && !this.hasError() && ( {this.props.canCopy && !this.hasError() && (
<div className={classes["copy-icon"]} onClick={this.onCopyClick}> <div className={classes["copy-icon"]} onClick={this.onCopyClick}>
<Image src={CopyIcon} alt="Copy icon" /> <Square2StackIcon height="24px" width="24px" color={"var(--color-neutral-700)"} />
</div> </div>
)} )}
{this.hasError() && ( {this.hasError() && (