style: 优化右键菜单与弹窗交互样式
This commit is contained in:
@@ -24,6 +24,11 @@ export default defineConfig({
|
||||
"home-nav-card-warm": "bg-[linear-gradient(135deg,rgba(255,249,242,0.4),rgba(255,245,231,0.2)),linear-gradient(180deg,rgba(255,236,211,0.14),rgba(244,225,204,0.06))]",
|
||||
"home-search-select": "rounded-full bg-transparent px-0.5 py-0 min-h-[2.5rem] relative before:pointer-events-none before:absolute before:inset-[1px] before:rounded-[9999px] before:bg-[linear-gradient(135deg,rgba(255,255,255,0.28),rgba(255,255,255,0.08))] before:shadow-[inset_0_1px_0_rgba(255,255,255,0.36),inset_-1px_0_0_rgba(255,255,255,0.1)] before:content-['']",
|
||||
"home-search-panel-animate": "overflow-auto origin-top motion-safe:[animation:home-search-panel-enter_180ms_cubic-bezier(0.22,1,0.36,1)_both]",
|
||||
"modal-glass": "relative w-[500px] px-8 py-9 overflow-hidden rounded-[28px] border border-white/70 bg-[linear-gradient(145deg,rgba(255,255,255,0.55),rgba(255,255,255,0.22)),radial-gradient(circle_at_15%_0%,rgba(135,196,235,0.12),transparent_45%),radial-gradient(circle_at_85%_10%,rgba(200,182,224,0.1),transparent_40%),linear-gradient(180deg,rgba(248,251,253,0.9),rgba(244,248,252,0.75))] shadow-[0_4px_12px_rgba(97,121,146,0.08),0_24px_52px_rgba(97,121,146,0.14),0_64px_120px_rgba(215,26,68,0.1),inset_0_1px_0_rgba(255,255,255,0.85),inset_0_-1px_0_rgba(255,255,255,0.2)] backdrop-blur-[28px] saturate-[170%] before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:bg-[linear-gradient(135deg,rgba(255,255,255,0.5),rgba(255,255,255,0.1)_45%,rgba(151,197,224,0.1)),radial-gradient(circle_at_top_left,rgba(255,255,255,0.55),transparent_42%)] before:opacity-[0.9] before:content-[''] after:pointer-events-none after:absolute after:inset-[1px] after:rounded-[inherit] after:border after:border-white/28 after:bg-[linear-gradient(180deg,rgba(255,255,255,0.2),transparent_34%,rgba(255,255,255,0.08))] after:content-[''] [&>*]:relative [&>*]:z-[1]",
|
||||
"modal-title": "flex items-center justify-center gap-2 text-center text-xl font-extrabold tracking-[0.02em] text-[#1f2f42]",
|
||||
"modal-origin": "flex items-center gap-2 mb-4 rounded-[14px] border border-[rgba(236,102,171,0.24)] bg-[linear-gradient(135deg,rgba(255,240,246,0.72),rgba(255,244,240,0.5))] shadow-[inset_0_1px_0_rgba(255,255,255,0.7),0_4px_12px_rgba(236,102,171,0.08)] text-[13.5px] text-[#475569]",
|
||||
"modal-origin-label": "shrink-0 font-bold tracking-[0.03em] text-[#D71A44]",
|
||||
"modal-origin-value": "truncate font-semibold text-[#1f2f42]",
|
||||
},
|
||||
preflights: [
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user