style: unify sidebar popup opacity on home page
Some checks failed
Lint / build (20) (push) Has been cancelled
Playwright Tests / test (push) Has been cancelled

This commit is contained in:
Your Name 2026-02-22 04:56:40 +08:00
parent 071958bb15
commit 9874dcc1da

View File

@ -327,6 +327,8 @@ export function LovartHome({
heroSubtitleText,
}: LovartHomeProps) {
const router = useRouter();
const sidebarPopupBaseClass =
"rounded-2xl border-black/10 bg-[#f4f4f4]/90 p-2 backdrop-blur-md shadow-[0_16px_40px_rgba(0,0,0,0.12)]";
const [prompt, setPrompt] = useState("");
const [files, setFiles] = useState<UploadFileItem[]>([]);
const [isSubmitting, setIsSubmitting] = useState(false);
@ -1437,7 +1439,11 @@ export function LovartHome({
<PlayCircle className="h-[18px] w-[18px]" />
</button>
</HoverCardTrigger>
<HoverCardContent side="right" align="start" className="w-[300px] rounded-2xl p-2">
<HoverCardContent
side="right"
align="start"
className={`w-[300px] ${sidebarPopupBaseClass}`}
>
<div className="px-2 pb-1 pt-1 text-xs font-medium text-black/50">视频教程</div>
<div className="max-h-[380px] space-y-1 overflow-y-auto">
{tutorialVideos.length > 0 ? (
@ -1507,7 +1513,7 @@ export function LovartHome({
<HoverCardContent
side="right"
align="start"
className="w-[248px] rounded-2xl border-black/10 bg-[#f4f4f4]/90 p-2 backdrop-blur-md shadow-[0_16px_40px_rgba(0,0,0,0.12)]"
className={`w-[248px] ${sidebarPopupBaseClass}`}
>
<div className="px-2 pb-1 pt-1 text-xs font-medium text-black/50">
{siteSettingsData?.toolbox1Name || "工具箱"}
@ -1542,7 +1548,7 @@ export function LovartHome({
<HoverCardContent
side="right"
align="start"
className="w-[248px] rounded-2xl border-black/10 bg-[#f4f4f4]/90 p-2 backdrop-blur-md shadow-[0_16px_40px_rgba(0,0,0,0.12)]"
className={`w-[248px] ${sidebarPopupBaseClass}`}
>
<div className="px-2 pb-1 pt-1 text-xs font-medium text-black/50">
{siteSettingsData?.toolbox2Name || "工具箱2"}