Skip to content

Custom CSS examples

Jump to bottom
ZHAO Xudong edited this page Sep 27, 2025 · 3 revisions

Custom CSS examples(自定义CSS样例)

To set terminal background image stretch to 100% instead of cover mode(将终端背景图片设置为拉伸至100%，而不是封面模式。)

#container .session-batch-active .xterm-screen::before{background-size: 100% 100% !important;}

To hide local section in sftp panel(隐藏sftp面板的本地部分):

/* Hide the local section */
.sftp-local-section {
  display: none !important;
}

/* Expand the remote section to full width */
.sftp-remote-section {
  width: 100% !important;
  left: 0 !important;
}

/* Ensure the parent container adjusts */
.sftp-wrap {
  display: block;
}

To swap the local and remote sections in sftp panel(交换sftp面板的本地和远程部分):

.term-sftp-box .sftp-wrap {
  display: flex !important;
  flex-direction: row;
}

.term-sftp-box .sftp-section {
  flex: 1;
  position: static;
}

/* Optionally, if you want to adjust the inner layout */
.sftp-remote-section {
  order: 1 !important;
}

.sftp-local-section {
  order: 2;
}

Clone this wiki locally