ui(import-hub): 优化 skills.sh 卡片布局

- skills.sh 卡片改为列布局:
  顶部:图标+名称+URL(左侧)+ 访问按钮(右上)
  中部:URL 输入框(全宽)
  底部:检测名称预览 + 导入按钮(右下)
- 加大"说明"与平台卡片的间距(margin-top: space-xl)
- 导入按钮与名称预览在右侧同一行,间距更协调
This commit is contained in:
QihuAI Design committed 2026-07-16 16:00:35 +08:00
1 parent 0e6f1931e1
commit 4d27dd3429
2 files changed
+72 -39

No files matched your search

+33 -4
View File
@@ -1066,10 +1066,17 @@
margin-bottom: var(--space-xl);
}
.hub-platforms {
display: flex;
flex-direction: column;
gap: var(--space-md);
margin-top: var(--space-xl);
}
.hub-platform-card {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
gap: var(--space-md);
padding: var(--space-md);
background: var(--color-bg-tertiary);
border: 1px solid var(--color-border-light);
@@ -1081,10 +1088,18 @@
border-color: var(--color-accent-light);
}
.hub-platform-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-md);
}
.hub-platform-info {
display: flex;
align-items: center;
gap: var(--space-md);
min-width: 0;
}
.hub-platform-icon {
@@ -1529,8 +1544,22 @@
.hub-import-col {
display: flex;
flex-direction: column;
gap: 6px;
flex: 1;
gap: var(--space-sm);
width: 100%;
}
.hub-import-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--space-sm);
min-height: 32px;
}
.hub-url-input.full {
width: 100%;
padding: var(--space-sm) var(--space-md);
font-size: var(--text-sm);
}
.hub-name-preview {