Spaces:
Paused
Paused
Update style.css
Browse files
style.css
CHANGED
|
@@ -14,3 +14,27 @@
|
|
| 14 |
background: #1565c0;
|
| 15 |
border-radius: 100vh;
|
| 16 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 14 |
background: #1565c0;
|
| 15 |
border-radius: 100vh;
|
| 16 |
}
|
| 17 |
+
|
| 18 |
+
#component-3 {
|
| 19 |
+
width: 100%;
|
| 20 |
+
height: 100%; /* Adjust height as needed */
|
| 21 |
+
display: flex;
|
| 22 |
+
flex-direction: column; /* Assuming vertical stacking of components */
|
| 23 |
+
/* Add any additional styles specific to the container */
|
| 24 |
+
}
|
| 25 |
+
|
| 26 |
+
#component-4 {
|
| 27 |
+
flex-grow: 1; /* Allows component-4 to expand to fill remaining space */
|
| 28 |
+
min-width: min(320px, 100%);
|
| 29 |
+
/* Add any other necessary styles */
|
| 30 |
+
}
|
| 31 |
+
|
| 32 |
+
#component-6 {
|
| 33 |
+
height: 100%; /* Ensure component-6 fills the height of its parent */
|
| 34 |
+
width: min(512px, 100%); /* Ensure component-6 fills the width of its parent */
|
| 35 |
+
min-width: min(160px, 100%);
|
| 36 |
+
border-style: solid;
|
| 37 |
+
overflow: hidden;
|
| 38 |
+
border-width: var(--block-border-width); /* Ensure border width adjusts dynamically */
|
| 39 |
+
/* Add any other necessary styles */
|
| 40 |
+
}
|