💄

noeypatt · Mar 31, 2020 · 7ee6601 · 7ee6601 · vercel · Mar 31, 2020
1 parent 41eadf6
commit 7ee6601
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 8 deletions.
diff --git a/pages/index/Allowance.js b/pages/index/Allowance.js
@@ -13,31 +13,31 @@ const Allowance = () => {
     const [data, setData] = useState([
         {
             title: "เบี้ยยังชีพผู้สูงอายุ ",
-            description: "detaildetaildetaildetaildetaildetail"
+            description: "เบี้ยยังชีพผู้สูงอายุคืออะไร"
         },
         {
             title: "ใครบ้างมีสิทธิได้รับเบี้ยยังชีพผู้สูงอายุ",
-            description: "detaildetaildetaildetaildetaildetail"
+            description: "สิทธิในการรับเบี้ยยังชีพผู้สูงอายุ"
         },
         {
             title: "การลงทะเบียนรับเบี้ยยังชีพผู้สูงอายุ",
-            description: "detaildetaildetaildetaildetaildetail"
+            description: "สามารถลงได้ที่ไหน ต้องทำอย่างไร และรับเงินเบี้ยยังชีพผ่านทางช่องทางไหนได้บ้าง"
         },
         {
             title: "หลักฐานในการลงทะเบียนรับเบี้ยยังชีพผู้สูงอายุ",
-            description: "detaildetaildetaildetaildetaildetail"
+            description: " ในกรณีผู้สูงอายุมารับด้วยตนเอง หรือให้ผู้เเทนมารับ"
         },
         {
             title: "เบี้ยยังชีพที่ผู้สูงอายุจะได้รับ",
-            description: "detaildetaildetaildetaildetaildetail"
+            description: "การจ่ายเบี้ยยังชัพผู้สูงอายุแบบบันไดตามช่วงอายุ"
         },
         {
             title: "กฎหมายผู้สูงอายุฉบับใหม่ให้สิทธิอะไรเพิ่มขึ้นบ้าง",
-            description: "detaildetaildetaildetaildetaildetail"
+            description: "กฎหมายผู้สูงอายุ ฉบับใหม่"
         },
         {
             title: "การจัดสรรเงินช่วยเหลือ",
-            description: "detaildetaildetaildetaildetaildetail"
+            description: "หลักเกณฑ์ วิธีการ และเงื่อนไขในการจัดสรรเงินช่วยเหลือ"
         }
     ])
 
@@ -90,7 +90,7 @@ const Allowance = () => {
                                 <div className="detail-content">
                                     <Steps current={current} direction="vertical" onChange={onChangeStep}>
                                         {data.map((item, index) => (
-                                            <Step key={index} title={item.title} description={item.description} />
+                                            <Step key={index} title={item.title}  description={item.descriptionn} />
                                         ))
                                         }
                                     </Steps>

diff --git a/styles/index/allowance.scss b/styles/index/allowance.scss
@@ -96,7 +96,14 @@ $primary-color: #39b54a !important;
     background-color: $primary-color;
   }
   .ant-steps-item-title {
+    display: flex;
+    flex-direction: column;
     user-select: none;
+
+    .ant-steps-item-subtitle{
+      margin-left: 0;
+      color: rgba(0, 0, 0, 0.65);
+    }
   }
 
   //Icon
@@ -131,9 +138,15 @@ $primary-color: #39b54a !important;
     color: $primary-color;
   }
 
+  .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after{
+    height: 2rem;
+    background: $primary-color;
+  }
+
   //Content
   .ant-steps-item-content {
     outline: none;
+    margin-bottom: 1rem;
   }
 
   .ant-steps