Entry layout

This commit is contained in:
2023-02-11 21:25:54 -05:00
parent ed41cb8bf8
commit dab21802b1
2 changed files with 59 additions and 23 deletions
+1 -6
View File
@@ -96,12 +96,7 @@ export default function Resources() {
</ul>
</div>
<div style={{ transform: "translateY(-22px)" }}>
<Link
to="/upload-product"
className="btn-gradient lg:flex hidden w-[153px] h-[46px] rounded-full text-white justify-center items-center"
>
Upload Product
</Link>
</div>
</div>
<div className="hidden lg:block w-full h-[1px] bg-[#DCD5FE] dark:bg-[#5356fb29] absolute top-[42px] left-0"></div>
@@ -1,5 +1,6 @@
import React, { useState } from "react";
import background from "../../../assets/images/shape/balance-bg.svg";
import InputCom from "../../../components/Helpers/Inputs/InputCom";
export default function UserWeightWidget() {
const [eth] = useState(90);
@@ -26,33 +27,73 @@ export default function UserWeightWidget() {
</div>
<div>
<p className="text-26 font-bold tracking-wide text-white text-right">
6,572.00
</p>
<p className="tracking-wide text-white text-lg opacity-[70%]">
Total Transactions
Weight Entry
</p>
</div>
</div>
<div className="balance">
<p className="text-lg text-white opacity-[70%] tracking-wide mb-6">
Weight Entry
</p>
<div className="input-fl-name mb-5 sm:flex w-full sm:space-x-6 ">
<div className="input-item sm:w-1/2 w-full mb-5 sm:mb-0">
<InputCom
placeholder=""
label=""
name="first_name"
type="text"
iconName="people"
/>
</div>
<div className="input-item flex-1">
<InputCom
placeholder=""
label=""
name="Last_name"
type="text"
iconName="people"
/>
</div>
</div>
<div className="input-fl-name mb-5 sm:flex w-full sm:space-x-6 ">
<div className="input-item sm:w-1/2 w-full mb-5 sm:mb-0">
<InputCom
placeholder=""
label=""
name="first_name"
type="text"
iconName="people"
/>
</div>
<div className="input-item flex-1">
<InputCom
placeholder=""
label=""
name="Last_name"
type="text"
iconName="people"
/>
</div>
</div>
<p className="text-[44px] font-bold text-white tracking-wide leading-10 mb-2">
[Input BOX + UNIT]
</p>
<p className="text-[44px] font-bold text-white tracking-wide leading-10 mb-2">
[Date of Collection]
</p>
<p className="text-[44px] font-bold text-white tracking-wide leading-10 mb-2">
[Kind of Input BOX]
</p>
<p className="text-[44px] font-bold text-white tracking-wide leading-10 mb-2">
<button
<div className="input-fl-name mb-5 sm:flex w-full sm:space-x-6 ">
<div className="input-item sm:w-1/2 w-full mb-5 sm:mb-0">
</div>
<div className="input-item flex-1">
<button
type="button"
className="btn-login rounded-[50px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center "><span>Add</span>
</button>
</div>
</div>
</p>
</div>