Merge pull request #6 from gtech-world/main

text change

src/components/routes/label.tsx

@@ -53,16 +53,28 @@ export function Label() {
     },
   ];
 
+  const splitArranyText = pcfResult.split(' ');
+
+  const text1 = splitArranyText[0] || '';
+  const text2 = splitArranyText[1] || '';
+  const text3 = splitArranyText[2] || '';
+
   const noHeader = () => {
     return (
       <Fragment>
         <div className="flex w-full gap-5 mo:flex-none mo:flex-col ">
           <div className="w-[420px] max-h-[480px] p-5 mo:h-auto  bg-[#FFFFFF] text-center  flex justify-center mo:justify-start   mo:flex-row mo:w-full flex-col items-center rounded-lg ">
             <img src="label.jpg" className="text-[5.375rem] w-[5.375rem] mt-[.625rem] mb-5 mo:mb-2  shrink-0" />
             <div className="mo:ml-[2.5rem] mo:flex-1 ">
-              <div className="text-[#29953A] text-[1.75rem] leading-8 font-semibold max-w-full break-all">
+              <div className="text-[#29953A] text-[1.75rem] leading-8 font-semibold max-w-full break-all mo:hidden">
                 {pcfResult}
               </div>
+              <div className="flex flex-col ms:hidden text-[#29953A] text-[1.75rem] leading-8 font-semibold max-w-full break-all ">
+                <div>{text1}</div>
+                <div>
+                  {text2} {text3}
+                </div>
+              </div>
               <div className="font-[1.75rem] leading-8   ">{t('Cradle-to-Grave Footprint')}</div>
             </div>
           </div>

src/locales/zh-CN-frontend.json

@@ -66,8 +66,8 @@
   "Emission Scope": "产品碳足迹范围",
   "Overall Data Quality": "总体数据质量",
   "INVENTORY BREAKDOWN": "产品碳足迹数据下钻",
-  "CFP Label": "产品碳足迹标签",
-  "Recognized by AIAG & IAOB": "由AIAG认可颁发",
+  "CFP Label": "PCF标签",
+  "Recognized by AIAG & IAOB": "受AIAG & IAOB承认及颁发",
   "Check Details": "查看更多信息",
   "tonnes of CO2e Cradle-to-Gate emission": "全生命周期二氧化碳等效排放(吨)",
   "trees (8-yr old) to absorbe for one year": "这些二氧化碳需要多少颗树吸收一年",
@@ -91,7 +91,7 @@
   "here": "此处",
   "AICD is the global, industry-level database for long-term carbon performance traceability and visibility under the 2050 Net Zero commitment. The data on this label is supported by the Automotive Industry Carbon Database. Click {{value}} to query information about this vehicle.": "AICD是全球性的行业级数据库，帮助汽车行业在2050年净零排放承诺下追踪和展示长期的碳排放表现。此“可信标签”的数据是基于AICD内的数据计算生成的。查看{{value}}，您可以在AICD中查询关于该车辆的碳表现数据。",
   "Immutability and Traceability": "不可篡改性和可追溯性",
-  "Every AIAG EPD/CFP Label is backed by an dedicated NFT on blockchain to guarantee long term immutability and traceability on the underlying data. Check {{value}} to view NFT information from the blockchain explorer.": "关于此标签的“灵魂绑定证明”在区块链上生成，以确保标签中的信息和数据都不可篡改、且可被永久追溯。“灵魂绑定证明”是一种区块链上的特殊NFT，在生成后就不可被转移和销毁。点击{{value}}在区块链浏览器中查看该标签。",
+  "Every AIAG EPD/CFP Label is backed by an dedicated NFT on blockchain to guarantee long term immutability and traceability on the underlying data. Check {{value}} to view NFT information from the blockchain explorer.": "关于此标签的NFT在区块链上生成，以确保标签中的信息和数据都不可篡改、且可被永久追溯。点击{{value}}在区块链浏览器中查看该标签",
   "Back": "返回",
   "Account": "账户",
   "Password": "密码",
@@ -148,8 +148,8 @@
   "Work with AICP for a Net Zero future": "与AICP一起建筑净零排放的未来",
   "AICP is the global, industry-level platform for long-term carbon performance traceability and visibility under the 2050 Net Zero commitment.": "AICP是全球性的行业级服务平台，帮助汽车行业在2050年净零排放承诺下追踪和展示长期的碳排放表现。",
   "Learn More about AIAG’s Digital3 Carbon Trust Label": "了解更多关于AIAG Digital3 Carbon可信标签",
-  "What is AIAG Digital3 Carbon Trust Label?": "什么是AIAG Digital3 Carbon可信标签？",
-  "An AIAG EPD/CFP Label stands for an EPD/CFP declaration that is registered on the AIAG EPD Platform and recognized by AIAG and IAOB. ": "AIAG的“Digital3 Carbon可信标签”是在{{value}}下建立的行业级车辆碳排放数据标签。“Digital3 Carbon可信标签”在技术上保证了标签数据以及背后的所有原始数据都被妥善记录并不可篡改，为追踪车辆的碳排放表现提供极佳的可见性和可追溯性。",
+  "What is AIAG Digital3 Carbon Trust Label?": "什么是AIAG EPD/PCF标签？",
+  "An AIAG EPD/CFP Label stands for an EPD/CFP declaration that is registered on the AIAG EPD Platform and recognized by AIAG and IAOB. ": "AIAG EPD/PCF标签代表标签持有者的一项EPD/PCF申明。标签表明该EPD/PCF申明在AIAG EPD平台注册，并获得AIAG与IAOB的承认。",
   "AICP is the global, industry-level platform for long-term carbon performance traceability and visibility under the 2050 Net Zero commitment. The data on this label is supported by the Automotive Industry Carbon Platform. Click {{value}} to query information about this vehicle.": "AICP是全球性的行业级服务平台，帮助汽车行业在2050年净零排放承诺下追踪和展示长期的碳排放表现。此“可信标签”的数据是基于AICP内的数据计算生成的。查看{{value}}，您可以在AICP中查询关于该车辆的碳表现数据。",
   "AICP Supply Chain Traceability System": "AICP供应链可追溯系统",
   "＊ AICP Pro Accounts only serve enterprise-level users within the automotive supply chain. To learn more about Pro Accounts, please contact [email protected].": "＊ 专业账户面向汽车供应链内的企业级用户。了解更多关于专业账户，请联系GTech（邮箱：[email protected]）。",
@@ -183,10 +183,9 @@
   "Evaluation by": "评价机构",
   "Effective Date": "评价有效期",
   "Blockchain SBT Number": "区块链SBT证书编号",
-  "What is AIAG EPD/CFP Label?": "什么是AIAG Digital3 Carbon可信标签？",
   "Immutability & Traceability": "不可篡改性和可追溯性",
   "Every AIAG EPD/CFP Label is backed by an dedicated NFT on blockchain to guarantee long term immutability and traceability on the underlying data. Check ## to view NFT information from the blockchain explorer. ": "关于此标签的“灵魂绑定证明”在区块链上生成，以确保标签中的信息和数据都不可篡改、且可被永久追溯。“灵魂绑定证明”是一种区块链上的特殊NFT，在生成后就不可被转移和销毁。点击##在区块链浏览器中查看该标签。",
-  "An AIAG EPD/CFP Label stands for an EPD/CFP declaration that is registered on the AIAG EPD Platform and recognized by AIAG and IAOB.": "AIAG的“Digital3 Carbon可信标签”是在AIAG汽车行业净零排放愿景下建立的行业级车辆碳排放数据标签。“Digital3 Carbon可信标签”在技术上保证了标签数据以及背后的所有原始数据都被妥善记录并不可篡改，为追踪车辆的碳排放表现提供极佳的可见性和可追溯性。",
+  "An AIAG EPD/CFP Label stands for an EPD/CFP declaration that is registered on the AIAG EPD Platform and recognized by AIAG and IAOB.": "AIAG EPD/PCF标签代表标签持有者的一项EPD/PCF申明。标签表明该EPD/PCF申明在AIAG EPD平台注册，并获得AIAG与IAOB的承认。",
   "Third-party Certification": "第三方认证",
   "0000001": "当前无证书"
 }

tailwind.config.js

@@ -5,9 +5,10 @@ module.exports = {
       screens: {
         ssm: { max: '460px' },
         sm: { max: '750px' },
-        mo: { max: '900px' },
+        mo: { max: '899px' },
         md: { max: '1280px' },
         lg: { min: '1440px' },
+        ms: { min: '900px' },
       },
       fontFamily: {
         OpenSans: 'var(--open-sans)',