Измените положение изображения в графическом интерфейсе, используя Trame и Vuetify ⇐ Python

[Anonymous]

Я новичок в VTK и Trame. Я пытаюсь изменить существующий графический интерфейс. Мне нужно принести вертикальную цвету на правой стороне холста, как показано на скриншоте ниже. Мой текущий код, который генерирует представление ниже, здесь: < /p>

Код: Выделить всё

with layout.content:
with vuetify.VContainer(fluid=True, classes="pa-0 fill-height d-flex flex-row"):
with vuetify.VCol(
style="max-width: 70vw; margin-left: auto;",
classes="pa-0 fill-height"
):
with vuetify.VContainer(classes="pa-0 d-flex flex-column fill-height"):
html.Img(
src=("colorbar_img", ""),
style=(
"max-height: 100%; "
"max-width: none; "
"margin: 356px 0 8px 0; "  # top 16px margin
"transform: rotate(270deg); "
"transform-origin: center center; "
"display: block;"
)
)

# Force canvas to grow and fill remaining height
html_view = vtk_widgets.VtkRemoteView(
renderWindow, ref="view",
style="flex-grow: 1; min-height: 0;"  # Crucial for flex layouts
)
ctrl.view_update = html_view.update
ctrl.view_reset_camera = html_view.reset_camera

Вопрос: Как изменить изображение Colobar (

Код: Выделить всё

html.Img

) справа от черного холста?>

Подробнее здесь: https://stackoverflow.com/questions/796 ... nd-vuetify