waveterm/frontend/app/tab/tabbar.less
2024-06-20 20:04:00 -07:00

43 lines
1.2 KiB
Plaintext

// Copyright 2024, Command Line Inc.
// SPDX-License-Identifier: Apache-2.0
.tab-bar-wrapper {
position: relative;
border-bottom: 1px solid var(--border-color);
-webkit-user-select: none;
.tab-bar {
position: relative; // Needed for absolute positioning of child tabs
min-height: 34px; // Adjust as necessary to fit the height of tabs
width: calc(100vw - 36px); // 36 is the width of add tab button
}
.add-tab-btn {
width: 36px;
height: 34px;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%); // overridden in js
font-size: 14px;
text-align: center;
user-select: none;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--main-bg-color);
}
// Customize scrollbar styles
.os-theme-dark,
.os-theme-light {
box-sizing: border-box;
--os-size: 3px;
--os-padding-perpendicular: 0px;
--os-padding-axis: 0px;
--os-track-border-radius: 3px;
--os-handle-interactive-area-offset: 0px;
--os-handle-border-radius: 3px;
}
}