mirror of
https://github.com/labring/FastGPT.git
synced 2026-05-02 01:02:05 +08:00
Archer
88ed97bc9d
* stop design doc * remove invalid doc * perf: auto fit * fix: icon * perf: icon * perf: icon * perf: icon * perf: icon * perf: variable disabled input ui * fix: workflow batch run * fix: tsc
113 lines
2.4 KiB
SCSS
113 lines
2.4 KiB
SCSS
.contentEditable {
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
border: 1px solid rgb(232, 235, 240);
|
|
border-radius: var(--chakra-radii-sm);
|
|
padding: 8px 12px;
|
|
// background: #fff;
|
|
|
|
font-size: var(--chakra-fontSizes-sm);
|
|
overflow-y: auto;
|
|
|
|
transition:
|
|
border-color 0.1s ease-in-out,
|
|
box-shadow 0.1s ease-in-out;
|
|
|
|
&:hover {
|
|
border-color: var(--chakra-colors-primary-300);
|
|
}
|
|
&::-webkit-scrollbar {
|
|
color: var(--chakra-colors-myGray-100);
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
background-color: var(--chakra-colors-myGray-200) !important;
|
|
cursor: pointer;
|
|
}
|
|
&::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--chakra-colors-myGray-250) !important;
|
|
}
|
|
}
|
|
|
|
.contentEditable:focus {
|
|
outline: none;
|
|
border: 1px solid;
|
|
border-color: var(--chakra-colors-primary-600);
|
|
box-shadow: 0px 0px 0px 2.4px rgba(51, 112, 255, 0.15);
|
|
}
|
|
|
|
.contentEditable_invalid {
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
border: 1px solid rgb(232, 235, 240);
|
|
border-radius: var(--chakra-radii-sm);
|
|
padding: 8px 12px;
|
|
|
|
font-size: var(--chakra-fontSizes-sm);
|
|
overflow-y: auto;
|
|
|
|
transition:
|
|
border-color 0.1s ease-in-out,
|
|
box-shadow 0.1s ease-in-out;
|
|
|
|
&::-webkit-scrollbar {
|
|
color: var(--chakra-colors-myGray-100);
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
background-color: var(--chakra-colors-myGray-200) !important;
|
|
cursor: pointer;
|
|
}
|
|
&::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--chakra-colors-myGray-250) !important;
|
|
}
|
|
|
|
border-color: var(--chakra-colors-red-500);
|
|
}
|
|
|
|
.contentEditable_invalid:focus {
|
|
outline: none;
|
|
border: 1px solid;
|
|
border-color: var(--chakra-colors-red-600);
|
|
box-shadow: 0px 0px 0px 2.4px rgba(244, 69, 46, 0.15);
|
|
}
|
|
|
|
.contentEditable_disabled {
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
border: 1px solid rgb(232, 235, 240);
|
|
border-radius: var(--chakra-radii-sm);
|
|
padding: 8px 12px;
|
|
|
|
font-size: var(--chakra-fontSizes-sm);
|
|
overflow-y: auto;
|
|
|
|
&::-webkit-scrollbar {
|
|
color: var(--chakra-colors-myGray-100);
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
background-color: var(--chakra-colors-myGray-200) !important;
|
|
cursor: pointer;
|
|
}
|
|
&::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--chakra-colors-myGray-250) !important;
|
|
}
|
|
}
|
|
|
|
.variable {
|
|
color: var(--chakra-colors-primary-600);
|
|
padding: 0 2px;
|
|
}
|
|
|
|
.richText {
|
|
ul,
|
|
ol {
|
|
padding-left: 16px;
|
|
|
|
li::marker {
|
|
color: var(--chakra-colors-primary-600);
|
|
}
|
|
}
|
|
}
|