styling added to order component

RbAvci · Mar 9, 2024 · d34c97e · d34c97e
1 parent 767ca95
commit d34c97e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/components/Order/Order.jsx b/src/components/Order/Order.jsx
@@ -1,5 +1,6 @@
 import RestaurantButton from "../RestaurantButton/RestaurantButton";
 import React, { useState } from "react";
+import "./Order.scss";
 
 export default function Order({ orderType }) {
   const [orders, setOrders] = useState(0);

diff --git a/src/components/Order/Order.scss b/src/components/Order/Order.scss
@@ -0,0 +1,11 @@
+.restaurant__item {
+  width: 300px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+
+  button {
+    margin-bottom: 5px;
+  }
+}