create listings from collection

permaweb · Jun 21, 2024 · 7a41277 · 7a41277
1 parent 71ab20f
commit 7a41277
Show file tree

Hide file tree

Showing 8 changed files with 300 additions and 257 deletions.
diff --git a/src/components/atoms/FormField/styles.ts b/src/components/atoms/FormField/styles.ts
@@ -20,6 +20,7 @@ export const TWrapper = styled.div`
 	align-items: center;
 	padding: 0 2.5px 0 0;
 	button {
+		padding: 4.5px 0 0 0;
 		svg {
 			margin: 0 0 1.5px 0;
 		}

diff --git a/src/components/atoms/IconButton/styles.ts b/src/components/atoms/IconButton/styles.ts
@@ -32,7 +32,7 @@ export const Primary = styled.button<{
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	padding: 4.5px 0 0 0;
+	padding: 3.5px 0 0 0;
 	pointer-events: ${(props) => (props.disabled ? 'none' : 'all')};
 	border-radius: 50%;
 

diff --git a/src/components/molecules/Modal/Modal.tsx b/src/components/molecules/Modal/Modal.tsx
@@ -3,11 +3,15 @@ import React from 'react';
 import { IconButton } from 'components/atoms/IconButton';
 import { Portal } from 'components/atoms/Portal';
 import { ASSETS, DOM } from 'helpers/config';
+import { useLanguageProvider } from 'providers/LanguageProvider';
 
 import * as S from './styles';
 import { IProps } from './types';
 
 export default function Modal(props: IProps) {
+	const languageProvider = useLanguageProvider();
+	const language = languageProvider.object[languageProvider.current];
+
 	React.useEffect(() => {
 		hideDocumentBody();
 		return () => {
@@ -50,9 +54,11 @@ export default function Modal(props: IProps) {
 										handlePress={() => props.handleClose()}
 										active={false}
 										dimensions={{
-											wrapper: 35,
-											icon: 15,
+											wrapper: 33.5,
+											icon: 12.5,
 										}}
+										tooltip={language.close}
+										useBottomToolTip
 									/>
 								</S.Close>
 							)}