菜单功能卡片调整为三列紧凑布局并补充分级响应式断点
This commit is contained in:
@@ -283,8 +283,8 @@ class RobotMenuRenderTool:
|
|||||||
.feature-list {{
|
.feature-list {{
|
||||||
margin-top: 14px;
|
margin-top: 14px;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
gap: 12px;
|
gap: 10px;
|
||||||
}}
|
}}
|
||||||
.feature-card {{
|
.feature-card {{
|
||||||
border: 1px solid #e6edf5;
|
border: 1px solid #e6edf5;
|
||||||
@@ -371,6 +371,9 @@ 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) {{
|
@media (max-width: 1024px) {{
|
||||||
.page {{ width: 100%; border-radius: 20px; }}
|
.page {{ width: 100%; border-radius: 20px; }}
|
||||||
.hero h1 {{ font-size: 35px; }}
|
.hero h1 {{ font-size: 35px; }}
|
||||||
|
|||||||
Reference in New Issue
Block a user