Put unit in accordions

This commit is contained in:
huchenlei
2024-02-02 17:01:20 -05:00
parent 98b0d7a999
commit 79eb31b074
6 changed files with 90 additions and 88 deletions
@@ -1,3 +1,29 @@
/* InputAccordion alignment */
/* Flex container */
.controlnet .svelte-vt1mxs {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 10px;
/* Adjusts the space between items */
}
.controlnet .input-accordion {
flex: 1 1 calc(50% - 10px);
/* Adjusts for the gap, default 2 columns */
/* Additional styling for items */
}
/* Media query for screens smaller than a specific width */
@media (max-width: 600px) {
/* Adjust the threshold as needed */
.controlnet .input-accordion {
flex: 1 1 100%;
/* Changes to 1 column when window width is ≤ 600px */
}
}
.cnet-modal {
display: none;
/* Hidden by default */
@@ -179,4 +205,4 @@
border-radius: var(--radius-sm);
background: var(--background-fill-primary);
color: var(--block-label-text-color);
}
}