微调样式
This commit is contained in:
@@ -207,6 +207,7 @@ defineExpose({
|
|||||||
@keydown="onKeyDown"
|
@keydown="onKeyDown"
|
||||||
@click="onCursorActivity"
|
@click="onCursorActivity"
|
||||||
@keyup="onCursorActivity"
|
@keyup="onCursorActivity"
|
||||||
|
@blur="emit('locate-token', -1)"
|
||||||
placeholder="例如:1girl, aaa, bbb, ccc"
|
placeholder="例如:1girl, aaa, bbb, ccc"
|
||||||
></textarea>
|
></textarea>
|
||||||
<div class="pe-input-actions">
|
<div class="pe-input-actions">
|
||||||
@@ -386,7 +387,7 @@ defineExpose({
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 1px solid var(--color-border);
|
border: 1px solid var(--color-border);
|
||||||
border-radius: 999px;
|
border-radius: var(--radius-md);
|
||||||
background-color: var(--color-bg-secondary);
|
background-color: var(--color-bg-secondary);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -419,17 +420,17 @@ defineExpose({
|
|||||||
.pe-mode-knob {
|
.pe-mode-knob {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 2px;
|
top: 2px;
|
||||||
|
bottom: 2px;
|
||||||
left: 2px;
|
left: 2px;
|
||||||
width: calc(50% - 2px);
|
width: calc(50% - 4px);
|
||||||
height: calc(100% - 4px);
|
border-radius: var(--radius-sm);
|
||||||
border-radius: 999px;
|
|
||||||
background-color: var(--color-accent);
|
background-color: var(--color-accent);
|
||||||
box-shadow: var(--shadow-sm);
|
box-shadow: var(--shadow-sm);
|
||||||
transition: transform 0.25s cubic-bezier(0.34, 1.4, 0.64, 1);
|
transition: transform 0.25s cubic-bezier(0.34, 1.4, 0.64, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pe-mode-toggle.is-numeric .pe-mode-knob {
|
.pe-mode-toggle.is-numeric .pe-mode-knob {
|
||||||
transform: translateX(100%);
|
transform: translateX(calc(100% + 4px));
|
||||||
}
|
}
|
||||||
|
|
||||||
.pe-priority-label {
|
.pe-priority-label {
|
||||||
|
|||||||
Reference in New Issue
Block a user