ui(import-hub): 优化 skills.sh 卡片布局
- skills.sh 卡片改为列布局: 顶部:图标+名称+URL(左侧)+ 访问按钮(右上) 中部:URL 输入框(全宽) 底部:检测名称预览 + 导入按钮(右下) - 加大"说明"与平台卡片的间距(margin-top: space-xl) - 导入按钮与名称预览在右侧同一行,间距更协调
This commit is contained in:
1 parent
0e6f1931e1
commit
4d27dd3429
2 files changed
+72
-39
No files matched your search
@@ -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 {
|
||||
|
||||
Reference in new issue
Block a user