From a20d3d11e54a91426eaee98745ea2ad5fb767d5b Mon Sep 17 00:00:00 2001 From: Junyan Qin Date: Thu, 4 Jun 2026 21:45:35 +0800 Subject: [PATCH] style(web): soften extension card shadow and hover effect Reduce the marketplace card box-shadow (4px/0.2 -> 2px/0.06) and the hover shadow (8px/0.15 -> 5px/0.08, dark proportional) for a more restrained, understated look. 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 06d8e7a9..b64a3905 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_0px_4px_0_rgba(0,0,0,0.2)] p-3 sm:p-[1rem] hover:shadow-[0px_2px_8px_0_rgba(0,0,0,0.15)] transition-shadow duration-200 outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:bg-[#1f1f22] dark:shadow-[0px_0px_4px_0_rgba(255,255,255,0.1)] dark:hover:shadow-[0px_2px_8px_0_rgba(255,255,255,0.15)] relative" + 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" onClick={handleInstallClick} onKeyDown={(event) => { if (event.key === 'Enter' || event.key === ' ') {