fz-mirrors/AstrBot
1
0
Fork 0
mirror of https://github.com/AstrBotDevs/AstrBot synced 2026-07-17 01:49:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: provider selector button hidden by long model names (#4631)

Browse Source 
* Initial plan

* Fix long model name overflow in ProviderSelector

Co-authored-by: Soulter <37870767+Soulter@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: Soulter <37870767+Soulter@users.noreply.github.com>
This commit is contained in:
Copilot
2026-01-23 19:42:12 +08:00
committed by GitHub
parent 2b2edf4852
commit 90b57eb5cb
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
dashboard/src/components/shared/ProviderSelector.vue
View File

@@ -3,7 +3,7 @@
<span v-if="!modelValue" style="color: rgb(var(--v-theme-primaryText));">
{{ tm('providerSelector.notSelected') }}
</span>
<span v-else>
<span v-else class="provider-name-text">
{{ modelValue }}
</span>
<v-btn size="small" color="primary" variant="tonal" @click="openDialog">
@@ -228,6 +228,14 @@ function closeProviderDrawer() {
</script>
<style scoped>
.provider-name-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: calc(100% - 80px);
display: inline-block;
}
.v-list-item {
transition: all 0.2s ease;
}