Skip to content

Commit

Permalink
removed extra comments
Browse files Browse the repository at this point in the history
  • Loading branch information
SutarPrasad committed Aug 21, 2023
1 parent 0f90a5e commit c9bc849
Showing 1 changed file with 12 additions and 14 deletions.
26 changes: 12 additions & 14 deletions src/components/ObsBox/ObsBox.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -15,42 +15,40 @@
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px; /* Adjust as needed */
background-color: #c7e0ee; /* Add a background color for separation */
padding: 10px;
background-color: #c7e0ee;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 10px; /* Add margin to create space at the bottom */
}
margin-bottom: 10px; }

.select .SelectOptions {
width: 100%; /* Default width */
}

.plot {
flex-grow: 1; /* Allow .plot to grow and take available vertical space */
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
background-color: #c7e0ee;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
min-height: 400px; /* Set a minimum height for the plot */
}
min-height: 400px; }


/* Media queries for responsiveness */
@media screen and (max-width: 768px) {
.container {
grid-template-columns: 1fr; /* Use a single column on smaller screens */
gap: 10px; /* Adjust as needed */
padding: 10px; /* Adjust as needed */
grid-template-columns: 1fr;
gap: 10px;
padding: 10px;
}

.select {
flex-direction: column; /* Stack items vertically on smaller screens */
align-items: flex-start; /* Align items to the left */
padding: 10px; /* Adjust as needed */
flex-direction: column;
align-items: flex-start;
padding: 10px;
gap: 10px;
margin-bottom: 10px; /* Add margin to create space at the bottom */
margin-bottom: 10px;
}
}

0 comments on commit c9bc849

Please sign in to comment.