From b79edda3a7c6e20355878c5b84d0b138486fb6bf Mon Sep 17 00:00:00 2001 From: Junyan Qin Date: Thu, 4 Jun 2026 21:49:55 +0800 Subject: [PATCH] style(web): give extension cards a subtle border The softened shadow alone left cards with no visible edge against the page background. Add `border border-border` so each card has a clear, restrained boundary while keeping the gentle shadow. Co-Authored-By: Claude Opus 4.8 (1M context) --- .../plugin-market-card/PluginMarketCardComponent.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/src/app/home/plugins/components/plugin-market/plugin-market-card/PluginMarketCardComponent.tsx b/web/src/app/home/plugins/components/plugin-market/plugin-market-card/PluginMarketCardComponent.tsx index b64a3905..c3157b27 100644 --- a/web/src/app/home/plugins/components/plugin-market/plugin-market-card/PluginMarketCardComponent.tsx +++ b/web/src/app/home/plugins/components/plugin-market/plugin-market-card/PluginMarketCardComponent.tsx @@ -94,7 +94,7 @@ export default function PluginMarketCardComponent({ role="button" tabIndex={0} aria-label={t('market.installCard', { name: cardVO.label })} - className="w-[100%] h-[10rem] cursor-pointer bg-white rounded-[10px] shadow-[0px_1px_2px_0_rgba(0,0,0,0.06)] p-3 sm:p-[1rem] hover:shadow-[0px_2px_5px_0_rgba(0,0,0,0.08)] transition-shadow duration-200 outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:bg-[#1f1f22] dark:shadow-[0px_1px_2px_0_rgba(255,255,255,0.04)] dark:hover:shadow-[0px_2px_5px_0_rgba(255,255,255,0.07)] relative" + className="w-[100%] h-[10rem] cursor-pointer bg-white rounded-[10px] border border-border shadow-[0px_1px_2px_0_rgba(0,0,0,0.06)] p-3 sm:p-[1rem] hover:shadow-[0px_2px_5px_0_rgba(0,0,0,0.08)] transition-shadow duration-200 outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:bg-[#1f1f22] dark:shadow-[0px_1px_2px_0_rgba(255,255,255,0.04)] dark:hover:shadow-[0px_2px_5px_0_rgba(255,255,255,0.07)] relative" onClick={handleInstallClick} onKeyDown={(event) => { if (event.key === 'Enter' || event.key === ' ') {