| #forge_couple_t2i, #forge_couple_i2i { | |
| user-select: none; | |
| } | |
| .fc_enable>label { | |
| height: 100%; | |
| } | |
| .fc_adv { | |
| flex-direction: row; | |
| justify-content: center; | |
| } | |
| .fc_adv>div { | |
| gap: 2em; | |
| width: 100%; | |
| } | |
| .fc_preview { | |
| margin: 0.25em 1em; | |
| border-radius: 0.5em; | |
| } | |
| .fc_adv .gradio-image { | |
| width: 512px; | |
| height: 512px; | |
| margin: auto; | |
| display: flex; | |
| } | |
| .fc_adv .gradio-image>img { | |
| width: auto; | |
| height: auto; | |
| max-width: 100%; | |
| max-height: 100%; | |
| margin: auto; | |
| background-image: none; | |
| background-size: contain; | |
| background-position: center; | |
| background-color: black; | |
| } | |
| .fc_adv .fc_bg_btns { | |
| min-width: unset ; | |
| left: calc(100% + 4px); | |
| position: absolute; | |
| } | |
| .fc_bbox { | |
| position: absolute; | |
| opacity: 0.8; | |
| pointer-events: none; | |
| } | |
| .fc_mapping{ | |
| overflow: visible ; | |
| } | |
| .fc_mapping td { | |
| --ring-color: transparent ; | |
| } | |
| .prompt-hint { | |
| position: fixed; | |
| z-index: 100; | |
| background-color: var(--input-background-fill); | |
| color: var(--body-text-color); | |
| border: var(--input-border-width) solid var(--input-border-color); | |
| border-radius: var(--input-radius); | |
| padding: 0.5em; | |
| box-shadow: 0 0 1em rgba(0, 0, 0, 0.2); | |
| display: none; | |
| } | |
| .fc_row_btns { | |
| position: absolute; | |
| z-index: 500; | |
| right: 4px; | |
| top: -1em; | |
| } | |
| .fc_row_btns div { | |
| width: auto ; | |
| min-width: unset ; | |
| } | |
| .fc_row_btns button { | |
| margin-top: auto; | |
| margin-bottom: auto; | |
| } | |