Adriano/Shape_Model_2D
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: thumbnail picker custom per selezione modello/scena

Browse Source 
- GET /folder_image/{filename}?w=N: PNG ridotto cache 1h
- Frontend: 2 thumb-picker al posto dei select (thumb + nome + caret)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
AdrianoDev
2026-04-24 11:10:35 +02:00
parent 2bca68d700
commit b83e577eab
47 changed files with 115 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pm2d/web/static/style.css
+31 -4
View File
@@ -27,12 +27,39 @@ header h1 {
}
.btn-go:hover { background: #0d9c48; }
.tb-label { color: #b0b0b0; font-size: 12px; margin-left: 8px; }
.tb-select {
.thumb-picker { position: relative; display: inline-block; }
.picker-current {
display: flex; align-items: center; gap: 8px;
background: #2a2a2a; color: #dcdcdc; border: 1px solid #444;
padding: 5px 8px; border-radius: 3px; font-size: 13px;
min-width: 160px;
padding: 4px 8px; border-radius: 3px; font-size: 13px;
cursor: pointer; min-width: 200px; min-height: 32px;
}
.tb-select:focus { outline: 1px solid #00c8ff; }
.picker-current:hover { background: #353535; }
.picker-current img {
width: 36px; height: 36px; object-fit: contain;
background: #141414; border-radius: 2px;
}
.picker-text { flex: 1; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis; }
.caret { color: #888; font-size: 10px; }
.picker-list {
display: none; position: absolute; top: 100%; left: 0;
background: #232323; border: 1px solid #444; border-radius: 3px;
margin-top: 2px; z-index: 100; max-height: 360px; overflow-y: auto;
box-shadow: 0 4px 12px rgba(0,0,0,0.6); min-width: 280px;
}
.thumb-picker.open .picker-list { display: block; }
.picker-item {
display: flex; align-items: center; gap: 10px;
padding: 6px 10px; cursor: pointer; border-bottom: 1px solid #2a2a2a;
}
.picker-item:hover { background: #2e2e2e; }
.picker-item img {
width: 60px; height: 60px; object-fit: contain;
background: #141414; border-radius: 2px;
}
.picker-item .name { color: #dcdcdc; font-size: 13px; }
#status {
color: #00c8ff; margin-left: 12px; font-weight: 500;
}