[#7] feat : restaurant home

payw-org · Feb 21, 2021 · 11516f9 · 11516f9
1 parent d18c12a
commit 11516f9
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 0 deletions.
diff --git a/src/components/Restaurant/RestaurantHome/index.tsx b/src/components/Restaurant/RestaurantHome/index.tsx
@@ -0,0 +1,25 @@
+import React from 'react'
+import './style.scss'
+
+export const RestaurantHome: React.FC<{}> = () => {
+  return (
+    <div className="restaurant-home">
+      <ul>
+        <li className="item">
+          <i className="f7-icons home-icon">phone</i>
+          010-1234-4567
+        </li>
+        <li className="item">
+          <i className="f7-icons home-icon">placemark</i>서울 동작구 흑석로 83
+        </li>
+        <li className="item">
+          <i className="f7-icons home-icon">alarm</i>매일 11:00 ~ 23:00
+        </li>
+        <li className="item">
+          <i className="f7-icons home-icon">doc_plaintext</i>김치철판볶음밥 등
+          최고의 맛집
+        </li>
+      </ul>
+    </div>
+  )
+}
diff --git a/src/components/Restaurant/RestaurantHome/style.scss b/src/components/Restaurant/RestaurantHome/style.scss
@@ -0,0 +1,24 @@
+@use '@/style/package' as *;
+
+.restaurant-home {
+  height: 100%;
+  overflow-y: scroll;
+  margin-top: 1rem;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  .item {
+    display: flex;
+    align-items: center;
+    border-bottom: 0.2rem solid $color-gray-300;
+    &:last-child {
+      padding-bottom: 1rem;
+      border-bottom: none;
+    }
+  }
+
+  .home-icon {
+    padding: 1rem;
+  }
+}