responsiveness, context issue fixed, tailwind issue fixed

clefayomide · Feb 28, 2023 · 4f65259 · 4f65259
1 parent 73796b9
commit 4f65259
Showing 1 changed file with 18 additions and 21 deletions.
diff --git a/src/component/Converter/Converter.tsx b/src/component/Converter/Converter.tsx
@@ -1,5 +1,4 @@
 import React, { useContext, useState } from 'react';
-// import { AppState } from '../../context/AppState';
 import { Currency } from '../Currency';
 import Button from '../form/Button';
 import AppContext from '../../context/app_context';
@@ -46,25 +45,23 @@ export const Converter = () => {
  };
 
  return (
- // <AppState>
- <div className="w-fit">
- <Currency
- title={'You send'}
- value={send}
- on_change={set_send}
- read_only={false}
- type={'text'}
- />
- <div className="h h-10 border-l-2 border-dotted ml-6 bg-slate-800 w-fit"></div>
- <Currency
- title={'You receive'}
- read_only={true}
- value={state.receiving_amount.toString()}
- type={'text'}
- on_change={set_receive}
- />
- <Button title={'Convert'} on_click={handle_conversion} />
- </div>
- // </AppState>
+ <div className="w-full md:w-fit">
+ <Currency
+ title={'You send'}
+ value={send}
+ on_change={set_send}
+ read_only={false}
+ type={'text'}
+ />
+ <div className="h-10 border-l-2 border-dotted ml-6 bg-slate-800 w-fit"></div>
+ <Currency
+ title={'You receive'}
+ read_only={true}
+ value={state.receiving_amount.toString()}
+ type={'text'}
+ on_change={set_receive}
+ />
+ <Button title={'Convert'} on_click={handle_conversion} />
+ </div>
  );
 };