fix: vector stop icon

This commit is contained in:
JOJO 2025-11-21 10:41:49 +08:00
parent 2d7a1b6f0c
commit d71c935d3c
2 changed files with 13 additions and 1 deletions

View File

@ -523,7 +523,7 @@
class="stadium-btn send-btn" class="stadium-btn send-btn"
@click="handleSendOrStop" @click="handleSendOrStop"
:disabled="!isConnected || (!inputMessage.trim() && !streamingMessage)"> :disabled="!isConnected || (!inputMessage.trim() && !streamingMessage)">
<span v-if="streamingMessage"></span> <span v-if="streamingMessage" class="stop-icon"></span>
<span v-else class="send-icon"></span> <span v-else class="send-icon"></span>
</button> </button>
</div> </div>

View File

@ -1613,10 +1613,22 @@ o-conversations {
margin-left: 5px; margin-left: 5px;
} }
.stadium-btn.send-btn .stop-icon {
width: 12px;
height: 12px;
border-radius: 2px;
background-color: #fffaf0;
display: block;
}
.stadium-btn.send-btn:disabled .send-icon { .stadium-btn.send-btn:disabled .send-icon {
border-left-color: rgba(255, 255, 255, 0.4); border-left-color: rgba(255, 255, 255, 0.4);
} }
.stadium-btn.send-btn:disabled .stop-icon {
background-color: rgba(255, 255, 255, 0.4);
}
.stadium-shell.is-multiline .stadium-btn { .stadium-shell.is-multiline .stadium-btn {
align-self: flex-end; align-self: flex-end;
margin-top: 0; margin-top: 0;