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 |
+
}
|