GenarrativeAI/Genarrative
11
0
Fork 0
Code Issues 18 Pull Requests 3 Actions Packages Projects 3 Releases Wiki Activity

refactor: 抽取通用样式

Browse Source
This commit is contained in:
王德宇
2026-07-31 17:41:35 +08:00
parent b1cdafe619
commit cf1ee0e203
2 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/image-editor/ImageCanvasAssetLibraryPanelView.tsx
+4 -4
View File
@@ -276,7 +276,7 @@ export function ImageCanvasAssetLibraryPanelView({
label="素材批量操作"
>
<PlatformActionButton
className="col-span-3 min-h-[2.35rem]! w-full! min-w-0! max-w-full! gap-1.5! overflow-hidden! px-2! py-1.5! text-xs!"
className="image-canvas-editor__asset-batch-action col-span-3"
tone="secondary"
size="sm"
disabled={visibleAssetIds.length === 0 || isExportingSelectedAssets}
@@ -292,7 +292,7 @@ export function ImageCanvasAssetLibraryPanelView({
</span>
</PlatformActionButton>
<PlatformActionButton
className="min-h-[2.35rem]! w-full! min-w-0! max-w-full! gap-1.5! overflow-hidden! px-2! py-1.5! text-xs!"
className="image-canvas-editor__asset-batch-action"
tone="secondary"
size="sm"
disabled={selectedAssetIds.size === 0 || isExportingSelectedAssets}
@@ -302,7 +302,7 @@ export function ImageCanvasAssetLibraryPanelView({
{isExportingSelectedAssets ? '下载中' : '下载'}
</PlatformActionButton>
<PlatformActionButton
className="min-h-[2.35rem]! w-full! min-w-0! max-w-full! gap-1.5! overflow-hidden! px-2! py-1.5! text-xs!"
className="image-canvas-editor__asset-batch-action"
tone="warning"
size="sm"
disabled={selectedAssetIds.size === 0 || isExportingSelectedAssets}
@@ -312,7 +312,7 @@ export function ImageCanvasAssetLibraryPanelView({
删除
</PlatformActionButton>
<PlatformActionButton
className="min-h-[2.35rem]! w-full! min-w-0! max-w-full! gap-1.5! overflow-hidden! px-2! py-1.5! text-xs!"
className="image-canvas-editor__asset-batch-action"
tone="secondary"
size="sm"
onClick={closeAssetSelectionMode}
src/index.css
+12
View File
@@ -4138,6 +4138,18 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
flex: 1;
}
.image-canvas-editor__asset-batch-action {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: 2.35rem !important;
gap: 0.375rem !important;
overflow: hidden !important;
padding: 0.375rem 0.5rem !important;
font-size: 0.75rem !important;
line-height: 1rem !important;
}
.image-canvas-editor__asset-folder {
display: grid;
gap: 0.45rem;