Skip to content

Commit

Permalink
💄Society /index
Browse files Browse the repository at this point in the history
  • Loading branch information
@noeypatt
noeypatt committed Mar 30, 2020
1 parent 9d6f2f2 commit 2c7e773
Show file tree
Hide file tree
Showing 3 changed files with 36 additions and 17 deletions.
20 changes: 10 additions & 10 deletions pages/index/About.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,19 +44,19 @@ const About = () => {

const [home, setHome] = useState(
[
{ name: "สังคมผู้สูงอายุ", href: "/index/society" },
{ name: "เบี้ยยังชีพ", href: "#" },
{ name: "เข้าสู่หน้าหลัก", href: "/main" }
{ name: "สังคมผู้สูงอายุ", href: "/index/society" },
{ name: "เบี้ยยังชีพ", href: "/index/allowance" },
{ name: "เข้าสู่หน้าหลัก", href: "/main" }
]
)

const [homeMin, setHomeMin] = useState(
)
const [homeMin, setHomeMin] = useState(
[
{ name: "สังคมผู้สูงอายุ", href: "/index/society" },
{ name: "เบี้ยยังชีพ", href: "#" },
{ name: "เข้าสู่หน้าหลัก", href: "/main" },
{ name: "สังคมผู้สูงอายุ", href: "/index/society" },
{ name: "เบี้ยยังชีพ", href: "/index/allowance" },
{ name: "เข้าสู่หน้าหลัก", href: "/main" },
]
)
)

const onConfirm = (order) => {
setStatus(order)
Expand Down
19 changes: 13 additions & 6 deletions pages/index/Society.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,16 +8,19 @@ const Society = () => {
const [data, setData] = useState([
{
title: "ศูนย์การเรียนรู้สำหรับผู้สูงอายุ",
text: "สังคมที่มีประชากรอายุ 60 ปีขึ้นไปมากกว่าร้อยละ 10 ของประชากรทั้งประเทศ",
amount: "มีทั้งหมด 14 เเห่ง",
text: "",
subtext: "หรือมีประชากรอายุตั้งแต่ 65 ปีมากกว่าร้อยละ 7 ของประชากรทั้งประเทศ"
},
{
title: "สถานพยาบาล",
text: "สังคมที่มีประชากรอายุ 60 ปีขึ้นไป มากกว่าร้อยละ 20 ของประชากรทั้งประเทศ",
subtext: "หรือมีประชากรอายุตั้งแต่ 65 ปี มากกว่าร้อยละ 14 ของประชากรทั้งประเทศ"
amount: "มีทั้งหมด 7 เเห่ง",
text: "โดยเป็นสถานพยาบาลที่มีช่องทางพิเศษบริการผู้สูงอายุ",
subtext: "ทำให้สามารถเข้าถึงการบริการสุขภาพได้สะดวก รวดเร็ว"
},
{
title: "กิจกรรมสำหรับผู้สูงอายุในด้านต่างๆ",
amount: "มีทั้งหมด 14 เเห่ง",
text: "สังคมที่มีประชากรอายุ 65 ปีขึ้นไปมากกว่า ร้อยละ 20 ของประชากรทั้งประเทศ",
subtext: ""
},
Expand All @@ -31,15 +34,15 @@ const Society = () => {
const [home, setHome] = useState(
[
{ name: "เกี่ยวกับเรา", href: "/index/about" },
{ name: "เบี้ยยังชีพ", href: "#" },
{ name: "เบี้ยยังชีพ", href: "/index/allowance" },
{ name: "เข้าสู่หน้าหลัก", href: "/main" }
]
)

const [homeMin, setHomeMin] = useState(
[
{ name: "เกี่ยวกับเรา", href: "/index/about" },
{ name: "เบี้ยยังชีพ", href: "#" },
{ name: "เบี้ยยังชีพ", href: "/index/allowance" },
{ name: "เข้าสู่หน้าหลัก", href: "/main" },
]
)
Expand Down Expand Up @@ -93,7 +96,11 @@ const Society = () => {
{
data.map((item, index) => (
<div className="title-content" key={index}>
<h6 className="header-title-content">{item.title}</h6>
<div className="header-title-content">
<h6 >{item.title}</h6>
<h5>{item.amount}</h5>
</div>

<h6>{item.text}</h6>
<h6>{item.subtext}</h6>
</div>
Expand Down
14 changes: 13 additions & 1 deletion styles/index/society.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@
.detail-content {
display: flex;
justify-content: center;
align-items: center;
margin: 2rem 3rem;

@media (max-width: 575.98px) {
Expand All @@ -39,13 +40,24 @@

.title-content {
padding: 0 3rem;
margin-bottom: 1rem;

@media (max-width: 768px) {
padding: 0;
}

.header-title-content {
font-weight: bold !important;
display: flex;
h6 {
font-weight: bold !important;
}
h5 {
font-size: 1rem !important;
margin-left: 1rem;
opacity: 0.8;
margin-bottom: 0.5rem !important;
font-weight: lighter;
}
}

h6 {
Expand Down

1 comment on commit 2c7e773

@vercel
Copy link

@vercel vercel bot commented on 2c7e773 Mar 30, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to following URLs:

Please sign in to comment.