菜单生图固定三列卡片并移除响应式折叠逻辑
This commit is contained in:
@@ -283,6 +283,7 @@ class RobotMenuRenderTool:
|
|||||||
.feature-list {{
|
.feature-list {{
|
||||||
margin-top: 14px;
|
margin-top: 14px;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
/* 图片渲染场景固定三列:不做多端兼容折叠,确保单张图信息密度稳定。 */
|
||||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
}}
|
}}
|
||||||
@@ -371,14 +372,8 @@ class RobotMenuRenderTool:
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-bottom: 1px dashed rgba(255,255,255,.55);
|
border-bottom: 1px dashed rgba(255,255,255,.55);
|
||||||
}}
|
}}
|
||||||
@media (max-width: 1280px) {{
|
/* 这里故意不保留响应式列数切换:
|
||||||
.feature-list {{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}
|
用户需求是“用于生成图片”,统一固定三列更可控。 */
|
||||||
}}
|
|
||||||
@media (max-width: 1024px) {{
|
|
||||||
.page {{ width: 100%; border-radius: 20px; }}
|
|
||||||
.hero h1 {{ font-size: 35px; }}
|
|
||||||
.feature-list {{ grid-template-columns: 1fr; }}
|
|
||||||
}}
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
Reference in New Issue
Block a user