shawn/canteen-asset-tracker
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enlarge asset list cards — bigger icons, padding, prominent floor/building/room display

Browse Source
This commit is contained in:
Shawn
2026-05-23 20:31:48 -04:00
parent 9fe615c76b
commit b896a5680d
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/index.html
+7 -7
View File
@@ -396,30 +396,30 @@
ASSET LIST ITEMS (shared) ASSET LIST ITEMS (shared)
═══════════════════════════════════════════════════════════════════════ */ ═══════════════════════════════════════════════════════════════════════ */
.asset-item { .asset-item {
display: flex; align-items: flex-start; gap: 12px; padding: 14px 12px; display: flex; align-items: flex-start; gap: 12px; padding: 18px 14px;
border-bottom: 1px solid rgba(255,255,255,0.04); cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0.04); cursor: pointer;
transition: background 0.15s; transition: background 0.15s;
} }
.asset-item:hover, .asset-item:active { background: rgba(255,255,255,0.03); } .asset-item:hover, .asset-item:active { background: rgba(255,255,255,0.03); }
.asset-item .ai-icon { .asset-item .ai-icon {
width: 42px; height: 42px; border-radius: var(--radius-sm); display: flex; width: 48px; height: 48px; border-radius: var(--radius-sm); display: flex;
align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0;
} }
.asset-item .ai-icon.ai-icon-wide { .asset-item .ai-icon.ai-icon-wide {
width: 64px; padding: 0 4px; width: 64px; padding: 0 4px;
} }
.asset-item .ai-icon .cat-icon-img { width: 28px; height: 28px; object-fit: contain; } .asset-item .ai-icon .cat-icon-img { width: 32px; height: 32px; object-fit: contain; }
.asset-item .ai-icon.cat-Furniture { background: #1a2e2a; } .asset-item .ai-icon.cat-Furniture { background: #1a2e2a; }
.asset-item .ai-icon.cat-Appliances { background: #1a2a3e; } .asset-item .ai-icon.cat-Appliances { background: #1a2a3e; }
.asset-item .ai-icon.cat-Utensils---Serveware { background: #2a2510; } .asset-item .ai-icon.cat-Utensils---Serveware { background: #2a2510; }
.asset-item .ai-icon.cat-Equipment { background: #2a1a2e; } .asset-item .ai-icon.cat-Equipment { background: #2a1a2e; }
.asset-item .ai-icon.cat-Other { background: #1a1b26; } .asset-item .ai-icon.cat-Other { background: #1a1b26; }
.asset-item .ai-info { flex: 1; min-width: 0; } .asset-item .ai-info { flex: 1; min-width: 0; }
.asset-item .ai-name { font-weight: 600; font-size: 14px; line-height: 1.3; } .asset-item .ai-name { font-weight: 600; font-size: 15px; line-height: 1.35; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.asset-item .ai-address { font-size: 12px; color: var(--text2); margin-top: 2px; } .asset-item .ai-address { font-size: 12px; color: var(--text2); margin-top: 2px; }
.asset-item .ai-location { font-size: 11px; color: var(--text3); margin-top: 1px; } .asset-item .ai-location { font-size: 13px; color: var(--text1); font-weight: 500; margin-top: 3px; }
.asset-item .ai-meta { font-size: 12px; color: var(--text2); margin-top: 3px; } .asset-item .ai-meta { font-size: 12px; color: var(--text2); margin-top: 3px; }
.asset-item .ai-arrow { color: var(--text2); font-size: 18px; } .asset-item .ai-arrow { color: var(--text2); font-size: 20px; padding-top: 2px; }
/* status tag */ /* status tag */
.status-tag { .status-tag {