Added schematic section

AbdulWahab3181 · May 22, 2024 · 4c5b33b · 4c5b33b
1 parent 630c5b4
commit 4c5b33b
Show file tree

Hide file tree

Showing 8 changed files with 586 additions and 219 deletions.
diff --git a/src/pages/tickets/style.ts b/src/pages/tickets/style.ts
@@ -55,28 +55,51 @@ export const HeaderWrap = styled.div`
 `;
 
 export const DataWrap = styled.div`
-  padding: 40px 50px;
-  display: flex;
-  width: 50%;
-  margin: 0 auto;
   display: flex;
-  flex-direction: column;
-  align-items: left;
-  justify-content: center;
+  width: 100%;
+  justify-content: space-between;
+  padding: 40px 50px;
 
   @media only screen and (max-width: 900px) {
     width: 90%;
     padding: 30px 40px;
+    flex-direction: column;
   }
 
   @media only screen and (max-width: 500px) {
     width: 90%;
     padding: 20px 10px;
+    flex-direction: column;
+  }
+`;
+
+export const LeftSection = styled.div`
+  width: 50%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start; /* Aligns content to the left */
+
+  @media only screen and (max-width: 900px) {
+    width: 100%;
+    align-items: center; /* Centers content on smaller screens */
+  }
+`;
+
+export const RightSection = styled.div`
+  width: 50%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end; /* Aligns content to the right */
+
+  @media only screen and (max-width: 900px) {
+    width: 100%;
+    align-items: center; /* Centers content on smaller screens */
   }
 `;
 
 export const FieldWrap = styled.div`
   margin-bottom: 30px;
+  width: 95%;
 `;
 
 export const Label = styled.h5`