From 81cd8a2bece216fbb1e784b9463500980042d887 Mon Sep 17 00:00:00 2001
From: saopig1 <4x7sw862st@gmail.com>
Date: Wed, 27 May 2026 17:20:46 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20revert=20textarea=20+=20actual=20cu?=
 =?UTF-8?q?lprit=20was=20B=E7=AB=99=E7=83=AD=E9=97=A8=20card=20grid?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 web/src/views/Home.vue     | 1 +
 web/src/views/Settings.vue | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/views/Home.vue b/web/src/views/Home.vue
index c7d64ed..bb32d84 100644
--- a/web/src/views/Home.vue
+++ b/web/src/views/Home.vue
@@ -379,6 +379,7 @@ onMounted(() => {
 
 .daily-card {
   cursor: pointer;
+  min-width: 0;
 }
 
 .daily-name {
diff --git a/web/src/views/Settings.vue b/web/src/views/Settings.vue
index 290a0c7..863c267 100755
--- a/web/src/views/Settings.vue
+++ b/web/src/views/Settings.vue
@@ -1483,7 +1483,7 @@ onUnmounted(() => {
   font-family: inherit;
   font-size: 13px;
   outline: none;
-  resize: none;
+  resize: vertical;
   &:focus { border-color: var(--color-primary); }
 }