mirror of
https://github.com/wavetermdev/waveterm
synced 2026-05-15 04:48:24 +00:00
d272a4ec03
Massive PR, over 13k LOC updated, 128 commits to implement the first pass at the new Wave AI panel. Two backend adapters (OpenAI and Anthropic), layout changes to support the panel, keyboard shortcuts, and a huge focus/layout change to integrate the panel seamlessly into the UI. Also fixes some small issues found during the Wave AI journey (zoom fixes, documentation, more scss removal, circular dependency issues, settings, etc)
81 lines
1.6 KiB
SCSS
81 lines
1.6 KiB
SCSS
// Copyright 2024, Command Line Inc.
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
@use "../mixins.scss";
|
|
|
|
.input {
|
|
width: 100%;
|
|
border: none;
|
|
font-size: 12px;
|
|
outline: none;
|
|
background-color: transparent;
|
|
color: var(--form-element-text-color);
|
|
background: var(--form-element-bg-color);
|
|
border: 2px solid var(--form-element-border-color);
|
|
border-radius: 6px;
|
|
padding: 4px 7px;
|
|
|
|
&:focus {
|
|
border-color: var(--form-element-primary-color);
|
|
}
|
|
|
|
&.disabled {
|
|
opacity: 0.75;
|
|
}
|
|
|
|
&.error {
|
|
border-color: var(--form-element-error-color);
|
|
}
|
|
}
|
|
|
|
/* Styles when an InputGroup is present */
|
|
.input-group {
|
|
display: flex;
|
|
align-items: center;
|
|
border-radius: 6px;
|
|
position: relative;
|
|
width: 100%;
|
|
border: 2px solid var(--form-element-border-color);
|
|
background: var(--form-element-bg-color);
|
|
|
|
/* Focus style for InputGroup */
|
|
&.focused {
|
|
border-color: var(--form-element-primary-color);
|
|
}
|
|
|
|
/* Error state for InputGroup */
|
|
&.error {
|
|
border-color: var(--form-element-error-color);
|
|
}
|
|
|
|
/* Disabled state for InputGroup */
|
|
&.disabled {
|
|
opacity: 0.75;
|
|
}
|
|
|
|
&:hover {
|
|
cursor: text;
|
|
}
|
|
|
|
.input-left-element,
|
|
.input-right-element {
|
|
padding: 0 5px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.input {
|
|
border: none;
|
|
flex-grow: 1;
|
|
border-radius: none;
|
|
|
|
&:focus {
|
|
border-color: transparent;
|
|
}
|
|
|
|
&.error {
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
}
|