[#7] feat : restaurant menu

payw-org · Feb 21, 2021 · 6e737a8 · 6e737a8
1 parent 8f847ce
commit 6e737a8
Show file tree

Hide file tree

Showing 2 changed files with 95 additions and 0 deletions.
diff --git a/src/components/Restaurant/RestaurantMenu/index.tsx b/src/components/Restaurant/RestaurantMenu/index.tsx
@@ -0,0 +1,67 @@
+import React from 'react'
+import './style.scss'
+
+export const RestaurantMenu: React.FC<{}> = () => {
+  return (
+    <div className="menus">
+      <ul className="menus-list">
+        <li className="menu">
+          <div>
+            <span className="name">김치볶음밥</span>
+          </div>
+          <div>
+            <span className="price">4,500원</span>
+          </div>
+        </li>
+        <li className="menu">
+          <div>
+            <span className="name">김치볶음밥</span>
+          </div>
+          <div>
+            <span className="price">4,500원</span>
+          </div>
+        </li>
+        <li className="menu">
+          <div>
+            <span className="name">김치볶음밥</span>
+          </div>
+          <div>
+            <span className="price">4,500원</span>
+          </div>
+        </li>
+        <li className="menu">
+          <div>
+            <span className="name">김치볶음밥</span>
+          </div>
+          <div>
+            <span className="price">4,500원</span>
+          </div>
+        </li>
+        <li className="menu">
+          <div>
+            <span className="name">김치볶음밥</span>
+          </div>
+          <div>
+            <span className="price">4,500원</span>
+          </div>
+        </li>
+        <li className="menu">
+          <div>
+            <span className="name">김치볶음밥</span>
+          </div>
+          <div>
+            <span className="price">4,500원</span>
+          </div>
+        </li>
+        <li className="menu">
+          <div>
+            <span className="name">김치볶음밥</span>
+          </div>
+          <div>
+            <span className="price">4,500원</span>
+          </div>
+        </li>
+      </ul>
+    </div>
+  )
+}
diff --git a/src/components/Restaurant/RestaurantMenu/style.scss b/src/components/Restaurant/RestaurantMenu/style.scss
@@ -0,0 +1,28 @@
+@use '@/style/package' as *;
+
+.menus {
+  height: 100%;
+  overflow-y: scroll;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  .menus-list {
+    margin-top: 1rem;
+    .menu {
+      padding: 1rem;
+      border-bottom: 0.2rem solid $color-gray-300;
+
+      .contents {
+        height: 100px;
+      }
+      &:last-child {
+        padding-bottom: 1rem;
+        border-bottom: none;
+      }
+
+      .name {
+        font-size: 1.7rem;
+      }
+    }
+  }
+}