修复图标选择器被编辑器工具栏遮挡的问题
- 提升标签/图标行的z-index(z-20→z-30)使其高于工具栏 - 降低工具栏z-index(z-20→z-10)拉开层级差距 - 修复动画结束帧transform值为none,避免残留transform创建额外stacking context Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
+1
-1
@@ -135,7 +135,7 @@
|
|||||||
|
|
||||||
to {
|
to {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transform: translateY(0) scale(1);
|
transform: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
+1
-1
@@ -276,7 +276,7 @@ export default function Home() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="ui-enter-delayed relative z-20 mb-6 flex flex-wrap items-center gap-2">
|
<div className="ui-enter-delayed relative z-30 mb-6 flex flex-wrap items-center gap-2">
|
||||||
{activePage.tags?.map((tag) => {
|
{activePage.tags?.map((tag) => {
|
||||||
const colors = getTagColor(tag);
|
const colors = getTagColor(tag);
|
||||||
return (
|
return (
|
||||||
|
|||||||
@@ -112,7 +112,7 @@ export function Toolbar({ editor, onToggleAI, onExport }: ToolbarProps) {
|
|||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="sticky top-0 z-20 -mx-1 mb-2 flex items-center gap-1 overflow-x-auto rounded-xl border border-border/60 bg-background/80 p-1 shadow-[0_1px_0_hsl(var(--border)/0.45),0_10px_20px_hsl(var(--background)/0.24)] backdrop-blur-md no-scrollbar supports-[backdrop-filter]:bg-background/68">
|
<div className="sticky top-0 z-10 -mx-1 mb-2 flex items-center gap-1 overflow-x-auto rounded-xl border border-border/60 bg-background/80 p-1 shadow-[0_1px_0_hsl(var(--border)/0.45),0_10px_20px_hsl(var(--background)/0.24)] backdrop-blur-md no-scrollbar supports-[backdrop-filter]:bg-background/68">
|
||||||
{items.map((item, index) =>
|
{items.map((item, index) =>
|
||||||
item.divider ? (
|
item.divider ? (
|
||||||
<div key={index} className="mx-1 h-6 w-px bg-border/80" />
|
<div key={index} className="mx-1 h-6 w-px bg-border/80" />
|
||||||
|
|||||||
Reference in New Issue
Block a user