(feat: CSS): change CSS rules in parent-container

Author: josueJURE

public/index.css

@@ -65,8 +65,14 @@ body.dark-mode .slider:before {
 
 
 .parent-container {
-  height: 100vh;
-  width: 100vw;
+  height: 200vh;
+  width: 500px;
+  border: red 1px solid;
+  display: flex;
+  flex-direction: row;
+  position: relative;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .recording {
@@ -592,13 +598,13 @@ input:checked+.slider:before {
 }
 
 .navigation {
-  position: fixed;
-  top: 5px;
-  left: 56%;
-  transform: translateX(-50%);
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  /* transform: translateX(-50%); */
   width: 100%;
   max-width: 340px;
-  height: 100vh;
+  height: 200vh;
   /* Updated height to match the wrapper/container */
   background-color: var(--green);
   z-index: 100;
@@ -672,4 +678,17 @@ input:checked+.slider:before {
 
 .fade-in {
   animation: fadeIn 1s ease-in;
-}
+}
+
+/* 
+@media (orientation: landscape) {
+  body {
+    flex-direction: row;
+  }
+  .navigation {
+    transform: translateX(-10%) translateY(-20px);
+  }
+  .main-element {
+    overflow: hidden;
+  }
+} */

public/url_folder.txt

@@ -1 +1 @@
-https://oaidalleapiprodscus.blob.core.windows.net/private/org-nYbqgo3O0LNnYYAoKAmApBfx/user-58Je7efi0iy880e2UYCdYpBm/img-ovb7qD0yHMLLx0Ooe4iCpSOE.png?st=2024-08-03T13%3A22%3A53Z&se=2024-08-03T15%3A22%3A53Z&sp=r&sv=2023-11-03&sr=b&rscd=inline&rsct=image/png&skoid=6aaadede-4fb3-4698-a8f6-684d7786b067&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skt=2024-08-03T04%3A05%3A06Z&ske=2024-08-04T04%3A05%3A06Z&sks=b&skv=2023-11-03&sig=bDE%2Bp86dJ7jZ6nydnnnKPumw/XA0M1VaghM8Bm5XY5E%3D
+https://oaidalleapiprodscus.blob.core.windows.net/private/org-nYbqgo3O0LNnYYAoKAmApBfx/user-58Je7efi0iy880e2UYCdYpBm/img-0hmmdCKvfaYGDnfuZyS9bdh0.png?st=2024-08-04T13%3A30%3A13Z&se=2024-08-04T15%3A30%3A13Z&sp=r&sv=2023-11-03&sr=b&rscd=inline&rsct=image/png&skoid=6aaadede-4fb3-4698-a8f6-684d7786b067&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skt=2024-08-03T21%3A25%3A44Z&ske=2024-08-04T21%3A25%3A44Z&sks=b&skv=2023-11-03&sig=8afWsJ1iym0AZX13XdbsdVaHsuT0AK80th/SPTPwJHU%3D