MJ-IT/gdm-Servo-model
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Place catalog gallery image below controls

Browse Source
This commit is contained in:
Jacky Ser
2026-08-11 17:00:42 +08:00
parent c131483255
commit 05de730115
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/globals.css
View File

@@ -490,8 +490,8 @@ select:focus, input:focus, textarea:focus { border-color: var(--blue); box-shado
font-size: 20px;
}
.catalog-modal-product { display: block; }
.catalog-modal-visual-card { position: relative; min-width: 0; }
.catalog-modal-visual-toolbar { position: absolute; top: 14px; left: 14px; z-index: 2; max-width: calc(100% - 28px); display: flex; align-items: center; justify-content: flex-start; gap: 16px; padding: 4px; border: 1px solid rgba(220,229,242,.88); border-radius: 10px; background: rgba(255,255,255,.9); box-shadow: 0 5px 15px rgba(31,55,96,.09); backdrop-filter: blur(8px); }
.catalog-modal-visual-card { min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 9px; }
.catalog-modal-visual-toolbar { display: flex; align-items: center; justify-content: flex-start; gap: 16px; }
.catalog-modal-gallery-switch { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid #dce5f2; border-radius: 8px; background: #f5f8fd; }
.catalog-modal-gallery-switch button { padding: 6px 9px; border: 0; border-radius: 6px; color: #7c899c; background: transparent; cursor: pointer; font-size: 9px; font-weight: 700; }
.catalog-modal-gallery-switch button.active { color: var(--blue); background: white; box-shadow: 0 2px 7px rgba(31,71,139,.09); }
@@ -570,7 +570,7 @@ footer > span { color: #9aa4b2; font-size: 10px; }
.catalog-card-body dl { min-height: 90px; }
.catalog-modal-backdrop { padding: 10px; }
.catalog-modal { padding: 22px 16px; }
.catalog-modal-visual-toolbar { top: 10px; left: 10px; max-width: calc(100% - 20px); align-items: flex-start; flex-direction: column; gap: 10px; }
.catalog-modal-visual-toolbar { align-items: flex-start; flex-direction: column; gap: 10px; }
.catalog-modal-inline-info { width: 100%; }
.catalog-modal-inline-info h2 { font-size: 18px; }
.catalog-modal-image { min-height: 290px; }