mirror of
https://github.com/ZHANGTIANYAO1/teamspeak-music-bot.git
synced 2026-10-01 20:42:50 +08:00
Previous commit misidentified the second bug. Reverting the Settings.vue `resize: vertical` → `resize: none` change — that wasn't the issue. Real fix: `.daily-card` (used by B站热门 and 每日推荐 sections in Home.vue) is a CSS Grid cell with default `min-width: auto`, which refuses to shrink below its content. A long Bilibili video title inside `.daily-name` expanded the cell past its 1fr column, breaking the 6-column grid and creating empty/black space on the right. The existing `text-overflow: ellipsis` on `.daily-name` couldn't engage. Adding `min-width: 0` to `.daily-card` lets the cell shrink to the 1fr grid track size, and the ellipsis truncation now works. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>