Skip to content

Commit

Permalink
💄Contact
Browse files Browse the repository at this point in the history
  • Loading branch information
@noeypatt
noeypatt committed Apr 1, 2020
1 parent 9a3cb67 commit d791d0c
Show file tree
Hide file tree
Showing 2 changed files with 87 additions and 3 deletions.
73 changes: 72 additions & 1 deletion pages/index/Contact.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ const Contact = () => {
tel: "0763426334",
map: "https://www.google.co.th/maps/place/%E0%B9%82%E0%B8%A3%E0%B8%87%E0%B8%9E%E0%B8%A2%E0%B8%B2%E0%B8%9A%E0%B8%B2%E0%B8%A5%E0%B8%9B%E0%B9%88%E0%B8%B2%E0%B8%95%E0%B8%AD%E0%B8%87/@7.896479,98.2996783,17z/data=!3m1!4b1!4m5!3m4!1s0x30503aa248747279:0xe0ff9b6f01619ceb!8m2!3d7.896479!4d98.301867?hl=th&authuser=0"
},

])

const [status, setStatus] = useState(false)
Expand Down Expand Up @@ -116,7 +116,78 @@ const Contact = () => {

<div className="detail-content">
<div className="data-detail-content">
{
department.map((item, index) => (
<Card
style={{ width: 350, marginTop: 15 }}
actions={[

<Tooltip placement="bottom" title="เฟซบุ๊ก">
<a href={item.link} target="_blank">
<FacebookFilled key="fb" />
</a>
</Tooltip>,
<Tooltip placement="bottom" title="แผนที่">
<a href={item.map} target="_blank">
<EnvironmentFilled />
</a>
</Tooltip>,
<Tooltip placement="bottom" title="คัดลอกเบอร์โทร">
<CopyToClipboard text={item.tel} >
<CopyFilled key="Copy" onClick={success} />
</CopyToClipboard>
</Tooltip>,

]}
>
<Skeleton loading={loading} avatar active >
<Meta
avatar={
<Avatar src={item.img} />
}
title={item.name}
subTitle={item.detail}
description={item.detail}
/>
</Skeleton>
</Card>
))
}
</div>

<div className="data-detail-content">
{
help.map((item, index) => (
<Card
style={{ width: 400, marginTop: 15 }}
actions={[

<Tooltip placement="bottom" title="แผนที่">
<a href={item.map} target="_blank">
<EnvironmentFilled />
</a>
</Tooltip>,
<Tooltip placement="bottom" title="คัดลอกเบอร์โทร">
<CopyToClipboard text={item.tel} >
<CopyFilled key="Copy" onClick={success} />
</CopyToClipboard>
</Tooltip>,

]}
>
<Skeleton loading={loading} avatar active >
<Meta
avatar={
<Avatar src={item.img} />
}
title={item.name}
subTitle={item.detail}
description={item.detail}
/>
</Skeleton>
</Card>
))
}
</div>
</div>
</div>
Expand Down
17 changes: 15 additions & 2 deletions styles/index/contact.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,13 +28,19 @@ $primary-color: #39b54a !important;
flex-direction: column;
margin: 2rem 3rem;

@media (max-width: 575.98px) {
margin: 0;
}

.data-detail-content {
display: flex;
justify-content: space-evenly;
margin-bottom: 2rem;

@media (max-width: 575.98px) {
margin-top: 1rem;
@media (max-width: 768px) {
flex-direction: column;
align-items: center;
// margin-top: 1rem;
}

.title-content {
Expand Down Expand Up @@ -101,4 +107,11 @@ $primary-color: #39b54a !important;
// border-top: 1px solid $primary-color;
// border-radius: 0 0 1rem 1rem;
// }
.ant-card-bordered {
@media (max-width: 1024px) {
margin: 1rem;
}
}


}

1 comment on commit d791d0c

@vercel
Copy link

@vercel vercel bot commented on d791d0c Apr 1, 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.