fix:ui

gtech-world · Oct 9, 2023 · e9a518b · e9a518b
1 parent 0cc3608
commit e9a518b
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 13 deletions.
diff --git a/components/common/productQrcode.tsx b/components/common/productQrcode.tsx
@@ -18,7 +18,7 @@ export function ProductQrcode(p: any) {
             <img className="w-[6.875rem]" src="/earth_1.png" alt="" />
           </div>
           <div className="w-[7.125rem] flex flex-col items-center">
-            <span className="text-[12px] mo:text-[10px] w-full text-center mb-2 leading-[0.945rem] font-semibold transform scale-[0.9] ">
+            <span className="text-[12px] mo:text-[10px] w-full text-center mb-2 leading-[0.945rem] font-semibold transform scale-[1.1] mo:scale-[0.9] md:scale-[1] ">
               {qrText ? qrText : `Product Carbon Footprint ${name} `}
             </span>
             <QRCode style={{ width: "100%", height: "100%" }} value={data} />

diff --git a/components/routes/car.tsx b/components/routes/car.tsx
@@ -56,7 +56,7 @@ function ItemQA(p: { type: number }) {
         );
   }, [type, t]);
   return (
-    <div className="flex-1 w-0 p-5 bg-white rounded-lg flex flex-col items-center [&:nth-child(n+2)]:ml-5 mo:!ml-0 mo:w-full mo:mt-5">
+    <div className="w-[640px] p-5 bg-white rounded-lg flex flex-col items-center   mo:w-full mo:mt-5">
       {type === 1 ? (
         <SVGCarbon3 className="text-[5.375rem] w-[5.375rem] mt-[.625rem] mb-[1.875rem]" />
       ) : type === 2 ? (
@@ -171,6 +171,7 @@ export function Car() {
             </div>
           </div>
         </div>
+
         <div className="flex gap-5 mt-5 mo:flex-none mo:flex-col ">
           <ItemQA type={1} />
           <ItemQA type={3} />

diff --git a/components/routes/carbon/tag.tsx b/components/routes/carbon/tag.tsx
@@ -4,19 +4,8 @@ import { getCarbonTagList } from "@lib/services/carbonTag";
 import SvgTeacher from "@public/teacher.svg";
 import Link from "next/link";
 import { useEffect, useState } from "react";
-import { QRCodeSVG } from "qrcode.react";
-import moment from "moment";
 import { getCurrentDate } from "utils";
 
-function PartInfo(p: { label: string; text: string }) {
-  return (
-    <div className="flex flex-col text-base">
-      <label className="font-bold">{p.label} :</label>
-      <span className="text-gray-6">{p.text}</span>
-    </div>
-  );
-}
-
 function Card(p: {
   data: {
     title: string;

diff --git a/components/routes/tools/verificationManagement/components/AddOrEditVerification.tsx b/components/routes/tools/verificationManagement/components/AddOrEditVerification.tsx
@@ -268,8 +268,10 @@ const AddOrEditVerification: FC<VerificationManagementController.VerificationMan
                   </ItemDiv>
                   <ItemDiv title="评价有效期">
                     <input
+                      style={{ color: "#DDDDDD" }}
                       value={state.evaluationExpireTime || verifyRecord?.evaluationExpireTime}
                       type="date"
+                      id="dateCheck"
                       onChange={(e) => {
                         console.info("inputTime:", e.target.value), setState({ evaluationExpireTime: e.target.value });
                       }}

diff --git a/styles/globals.css b/styles/globals.css
@@ -154,3 +154,17 @@ button[disabled] {
 .hover-color-table tbody tr:hover {
   background-color: #F3F3F3; 
 }
+
+
+ /* 解决input date类型 时间选择时不能点击全文本框触发 */
+#dateCheck{
+  position: relative;
+  content:'sds'
+
+}
+
+#dateCheck::-webkit-calendar-picker-indicator{
+        position: absolute;
+        right: 0;
+        padding-left: 100%;
+    }