Merge branch 'david/refactoring' of github.com:calblueprint/shanti-pr…

…oject into david/refactoring
calblueprint · Apr 3, 2024 · 8c16f5e · 8c16f5e
2 parents 95fb881 + 8ec36ae
commit 8c16f5e
Showing 1 changed file with 46 additions and 59 deletions.
diff --git a/src/components/OrderSummaryFolder/styles.ts b/src/components/OrderSummaryFolder/styles.ts
@@ -1,52 +1,57 @@
 import COLORS from '@/styles/colors';
 import styled from 'styled-components';
 
-// export const OrderSummaryDiv = styled.div`
-//   overflow: scroll;
-//   width: 350px;
-//   height: 300px;
-// `;
+export const OrderSummaryDiv = styled.div`
+  overflow: scroll;
+  width: 300px;
+  height: 300px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+`;
 
-// export const ItemSummaryDiv = styled.div`
-//   display: flex;
-//   flex-direction: row;
-//   margin-bottom: 20px;
-//   justify-content: space-between;
-//   padding-left: 10px;
-//   padding-right: 10px;
-// `;
+export const ItemSummaryDiv = styled.div`
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 20px;
+  justify-content: space-between;
+`;
 
-// export const OrderTotalDiv = styled.div`
-//   height: 50px;
-//   padding-top: 10px;
-//   width: 350px;
-//   padding-left: 0px;
-//   border-top: 1px black solid;
-//   display: flex;
-//   flex-flow: row;
-//   justify-content: space-between;
-// `;
+export const OrderTotalDiv = styled.div`
+  height: 50px;
+  padding-top: 5px;
+  width: 100%;
+  border-top: 1px black solid;
+  display: flex;
+  flex-flow: row;
+  align-items: center;
+  justify-content: space-between;
+`;
 
-// export const Qty = styled.p`
-//   width: 100%;
-//   padding-left: 290px;
-// `;
+export const Qty = styled.p`
+  width: 100%;
+`;
 
-// export const HeaderShiftRight = styled.h2`
-//   margin-right: 30px;
-// `;
+export const WhiteBackgroundDiv = styled.div`
+  background: ${COLORS.white};
+  padding: 24px;
+  padding-bottom: 0px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`;
 
-// export const PShiftRight = styled.p`
-//   margin-right: 30px;
-// `;
+export const HeaderShiftRight = styled.h2`
+  margin-right: 30px;
+`;
 
-// export const HeaderShiftLeft = styled.h2`
-//   margin-left: 15px;
-// `;
+export const PShiftRight = styled.p`
+  margin-right: 30px;
+`;
 
-// export const PShiftLeft = styled.p`
-//   margin-left: 15px;
-// `;
+export const PShiftLeft = styled.p`
+  margin-left: 15px;
+`;
 
 
 export const ContainerDiv = styled.div`
@@ -80,27 +85,9 @@ export const OrderRow = styled.tr`
 
 export const OrderTable = styled.table`
   width: 100%;
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  min-height: 0;
+  max-height: 200px;
 `;
 
 export const OrderTableBody = styled.tbody`
-  overflow: auto;
-  display: block;
-  flex-grow: 1;
-  min-height: 0;
-`;
-
-export const WhiteBackgroundDiv = styled.div`
-  min-height: 0;
-  background: ${COLORS.white};
-  padding: 24px;
-  padding-bottom: 0px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  flex-grow: 1;
-  overflow: hidden;
+  overflow: scroll;
 `;