diff --git a/src/components/modal/robot-selector-modal.vue b/src/components/modal/robot-selector-modal.vue index 561298b..ecde0a7 100644 --- a/src/components/modal/robot-selector-modal.vue +++ b/src/components/modal/robot-selector-modal.vue @@ -238,22 +238,34 @@ onMounted(() => { padding: 0 16px; cursor: pointer; transition: all 0.2s ease; + position: relative; } -.robot-item.selected { - background-color: #0dbb8a; +.robot-item:not(:last-child)::after { + content: ''; + position: absolute; + bottom: 0; + left: 16px; + right: 16px; + height: 1px; + background-color: var(--border-color-split, #d9d9d9); +} + +/* 暗色主题 */ +[theme='dark'] .robot-item:not(:last-child)::after { + background-color: #5c5757; } .robot-item.selected .robot-name { - color: #fff; + color: #0dbb8a; } .robot-item.selected .robot-status { - color: rgba(255, 255, 255, 0.8); + color: #0dbb8a; } .check-indicator { - color: #fff; + color: #0dbb8a; display: flex; align-items: center; justify-content: center;