fix: 技能详情弹窗宽度自适应
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
d339db4799
commit
fa5a6b8176
1 file changed
+6
-2
@@ -132,8 +132,12 @@ export function SkillDetailDialog({
|
|||||||
return (
|
return (
|
||||||
<Dialog open={open} onOpenChange={onOpenChange}>
|
<Dialog open={open} onOpenChange={onOpenChange}>
|
||||||
<DialogContent
|
<DialogContent
|
||||||
className="flex w-[calc(100vw-2rem)] flex-col gap-0 overflow-hidden p-0 sm:max-w-3xl"
|
className="flex flex-col gap-0 overflow-hidden p-0"
|
||||||
style={{ height: "min(760px, calc(100dvh - 2rem))" }}
|
style={{
|
||||||
|
width: "min(48rem, calc(100vw - 2rem))",
|
||||||
|
maxWidth: "none",
|
||||||
|
height: "min(760px, calc(100dvh - 2rem))",
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
<DialogHeader className="shrink-0 border-b px-6 py-4 pr-12 text-left">
|
<DialogHeader className="shrink-0 border-b px-6 py-4 pr-12 text-left">
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
|
|||||||
Reference in new issue
Block a user