Polish ecommerce tool page layouts
This commit is contained in:
+622
-274
File diff suppressed because it is too large
Load Diff
@@ -579,6 +579,44 @@ textarea.image-workbench-prompt {
|
||||
background: rgba(var(--accent-rgb), 0.18) !important;
|
||||
}
|
||||
|
||||
.image-workbench-page--image-tool .image-workbench-panel--left,
|
||||
.watermark-removal-page .image-workbench-panel--left {
|
||||
margin: 12px 0 12px 12px;
|
||||
border: 1px solid rgba(var(--accent-rgb), 0.14);
|
||||
border-radius: 12px;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(var(--accent-rgb), 0.06), transparent 180px),
|
||||
var(--bg-elevated);
|
||||
box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
|
||||
}
|
||||
|
||||
.image-workbench-page--image-tool .image-workbench-panel--left .image-workbench-control-card,
|
||||
.watermark-removal-page .image-workbench-panel--left .image-workbench-control-card {
|
||||
border-color: rgba(var(--accent-rgb), 0.14);
|
||||
border-radius: 10px;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
|
||||
var(--bg-elevated);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
.image-workbench-page--image-tool .image-workbench-panel--left .image-workbench-upload,
|
||||
.watermark-removal-page .image-workbench-panel--left .image-workbench-upload,
|
||||
.image-workbench-page--image-tool .image-workbench-panel--left :where(input, textarea, select),
|
||||
.watermark-removal-page .image-workbench-panel--left :where(input, textarea, select) {
|
||||
border-color: rgba(var(--accent-rgb), 0.18);
|
||||
background:
|
||||
linear-gradient(180deg, rgba(var(--accent-rgb), 0.035), transparent),
|
||||
var(--bg-inset);
|
||||
}
|
||||
|
||||
.image-workbench-page--image-tool .image-workbench-panel--left .image-workbench-actions,
|
||||
.watermark-removal-page .image-workbench-panel--left .image-workbench-actions {
|
||||
margin-top: 2px;
|
||||
padding-top: 12px;
|
||||
border-top: 1px solid rgba(var(--accent-rgb), 0.12);
|
||||
}
|
||||
|
||||
.image-workbench-canvas {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user