From 86904bc01f5dfdf91209650aa3fc41c4149ef40e Mon Sep 17 00:00:00 2001 From: MayaTheShy Date: Sat, 21 Mar 2026 16:51:19 -0400 Subject: [PATCH] Add CSS file for inventory management styles --- web/client/dist/assets/index-CSB3uKJi.css | 1 + 1 file changed, 1 insertion(+) create mode 100644 web/client/dist/assets/index-CSB3uKJi.css diff --git a/web/client/dist/assets/index-CSB3uKJi.css b/web/client/dist/assets/index-CSB3uKJi.css new file mode 100644 index 0000000..e74278e --- /dev/null +++ b/web/client/dist/assets/index-CSB3uKJi.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";.item-icon-img{image-rendering:pixelated;display:block}.item-icon-emoji{display:flex;align-items:center;justify-content:center;line-height:1}.inventory-panel{height:100%;display:flex;flex-direction:column;overflow:hidden}.inventory-toolbar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#3b3b3b;border-bottom:2px solid var(--mc-dark);flex-shrink:0;flex-wrap:wrap}.search-box{display:flex;align-items:center;background:var(--mc-dark);border:2px solid #333;padding:.25rem .5rem;flex:1;min-width:180px}.search-icon{font-size:.8rem;margin-right:.375rem}.search-input{border:none;background:transparent;color:var(--mc-text-white);font-family:Silkscreen,Courier New,monospace;font-size:.7rem;outline:none;width:100%}.search-input::placeholder{color:var(--mc-text-gray)}.search-clear{background:none;border:none;color:var(--mc-text-gray);cursor:pointer;font-size:.7rem;padding:0 .25rem}.search-clear:hover{color:var(--mc-text-red)}.sort-controls{display:flex;gap:.25rem}.item-count-label{font-size:.6rem;color:var(--mc-text-gray);white-space:nowrap}.inventory-body{flex:1;display:flex;overflow:hidden}.item-grid-wrapper{flex:1;overflow-y:auto;padding:.5rem}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:3px;padding:8px;background:var(--mc-inv-bg);border:3px solid var(--mc-dark);box-shadow:inset 3px 3px #fefefe,inset -3px -3px #555;min-height:200px}.item-slot{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--mc-inv-slot);border:2px solid;border-color:var(--mc-inv-slot-border) var(--mc-inv-slot-light) var(--mc-inv-slot-light) var(--mc-inv-slot-border);cursor:pointer;position:relative;overflow:hidden;padding:4px;transition:background .05s}.item-slot:hover{background:#aaa}.item-slot.selected{background:#b8d4f0;box-shadow:0 0 0 2px var(--mc-text-aqua)}.item-slot-count{position:absolute;bottom:2px;right:3px;color:#fff;font-size:.55rem;font-weight:700;font-family:Silkscreen,Courier New,monospace;text-shadow:1px 0 0 var(--mc-dark),-1px 0 0 var(--mc-dark),0 1px 0 var(--mc-dark),0 -1px 0 var(--mc-dark)}.item-slot-name{position:absolute;top:1px;left:2px;right:2px;font-size:.35rem;color:var(--mc-text-dark);font-weight:700;text-align:center;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-grid{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--mc-text-gray);font-size:.75rem}.item-detail-panel{width:280px;background:#333;border-left:3px solid var(--mc-dark);padding:.75rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex-shrink:0}.detail-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--mc-dark)}.detail-info{flex:1}.detail-info h3{font-size:.8rem;color:var(--mc-text-white);text-shadow:1px 1px 0 var(--mc-dark)}.detail-id{font-size:.55rem;color:var(--mc-text-gray)}.detail-close{background:none;border:2px solid #555;color:var(--mc-text-gray);cursor:pointer;font-size:.8rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.detail-close:hover{color:var(--mc-text-red);border-color:var(--mc-text-red)}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:.375rem}.detail-stat{display:flex;flex-direction:column;padding:.375rem;background:var(--mc-dark);border:2px solid #333}.detail-stat .label{font-size:.55rem;color:var(--mc-text-gray);font-weight:700;text-transform:uppercase}.detail-stat .value{font-size:.8rem;color:var(--mc-text-white);font-weight:700}.order-section{padding:.5rem;background:var(--mc-dark);border:2px solid #333}.order-section h4{font-size:.7rem;color:var(--mc-text-gold);margin-bottom:.5rem;text-shadow:1px 1px 0 #000}.order-controls{display:flex;flex-direction:column;gap:.5rem}.order-amount-controls{display:flex;gap:.25rem;align-items:center}.order-input{flex:1;background:#2a2a2a;border:2px solid #444;color:var(--mc-text-white);font-family:Silkscreen,Courier New,monospace;font-size:.75rem;text-align:center;padding:.25rem;outline:none;border-radius:0}.order-input:focus{border-color:var(--mc-text-green)}.order-presets{display:flex;gap:.25rem;flex-wrap:wrap}.order-btn{width:100%;padding:.625rem!important;font-size:.8rem!important}@media (max-width: 768px){.inventory-body{flex-direction:column}.item-detail-panel{width:100%;border-left:none;border-top:3px solid var(--mc-dark);max-height:300px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}}@media (max-width: 480px){.item-grid{grid-template-columns:repeat(auto-fill,minmax(55px,1fr));gap:2px;padding:4px}}.storage-overview{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.overview-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:2px solid var(--mc-dark)}.overview-header h2{font-size:.9rem;color:var(--mc-text-yellow);text-shadow:1px 1px 0 var(--mc-dark)}.capacity-section{padding:.5rem;background:var(--mc-dark);border:2px solid #333}.capacity-label{display:flex;justify-content:space-between;font-size:.65rem;font-weight:700;margin-bottom:.375rem;color:var(--mc-text-gray);text-transform:uppercase}.capacity-percent.normal{color:var(--mc-text-green)}.capacity-percent.warning{color:var(--mc-text-gold)}.capacity-percent.critical{color:var(--mc-text-red)}.capacity-bar{width:100%;height:12px;background:#333;border:2px solid;border-color:#222 #555 #555 #222;overflow:hidden}.capacity-fill{height:100%;transition:width .5s}.capacity-fill.normal{background:var(--mc-grass)}.capacity-fill.warning{background:var(--mc-text-gold)}.capacity-fill.critical{background:var(--mc-text-red)}.capacity-detail{font-size:.6rem;color:var(--mc-text-gray);text-align:center;margin-top:.25rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.375rem}.stat-item{display:flex;flex-direction:column;padding:.375rem;background:var(--mc-dark);border:2px solid #333}.stat-label{font-size:.55rem;color:var(--mc-text-gray);font-weight:700;text-transform:uppercase}.stat-value{font-size:.75rem;color:var(--mc-text-white);font-weight:700;text-shadow:1px 1px 0 #000}.stat-value.ok{color:var(--mc-text-green)}.stat-value.offline{color:var(--mc-text-red)}.peripherals-section h3,.activity-section h3{font-size:.65rem;color:var(--mc-text-gold);font-weight:700;text-transform:uppercase;margin-bottom:.375rem;text-shadow:1px 1px 0 var(--mc-dark)}.peripheral-list{display:flex;flex-direction:column;gap:.25rem}.peripheral-item{font-size:.65rem;padding:.25rem .375rem;background:var(--mc-dark);border:1px solid #333}.peripheral-item.ok{color:var(--mc-text-green)}.peripheral-item.error{color:var(--mc-text-red)}.activity-list{display:flex;flex-wrap:wrap;gap:.25rem}.activity-item{font-size:.6rem;padding:.25rem .5rem;border:1px solid #333;font-weight:700}.activity-item.active{background:var(--mc-grass-dark);color:var(--mc-text-green);animation:activity-pulse 2s infinite}.activity-item.idle{background:var(--mc-dark);color:var(--mc-text-gray)}@keyframes activity-pulse{0%,to{opacity:1}50%{opacity:.6}}.last-update{font-size:.55rem;color:var(--mc-text-gray);text-align:center;padding-top:.5rem;border-top:1px solid #444}.smelting-panel{height:100%;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.smelting-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:2px solid var(--mc-dark)}.smelting-header h2{font-size:1rem;color:var(--mc-text-yellow);text-shadow:2px 2px 0 var(--mc-dark)}.smelting-paused-banner{padding:.5rem;background:#6b1a1a;border:2px solid var(--mc-dark);color:var(--mc-text-red);text-align:center;font-size:.75rem;font-weight:700;text-shadow:1px 1px 0 #000;animation:blink-warn 2s infinite}@keyframes blink-warn{0%,to{opacity:1}50%{opacity:.7}}.furnace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.furnace-card{padding:.5rem;background:var(--mc-dark);border:2px solid #333}.furnace-card.active{border-color:var(--mc-text-gold);box-shadow:0 0 4px #fa03}.furnace-name{font-size:.6rem;color:var(--mc-text-gray);font-weight:700;text-transform:uppercase;margin-bottom:.375rem}.furnace-slot{display:flex;align-items:center;gap:.25rem;font-size:.6rem;margin:.125rem 0}.slot-label{color:var(--mc-text-gray);font-weight:700;min-width:2rem}.furnace-empty{font-size:.6rem;color:var(--mc-text-gray);font-style:italic}.recipe-bulk-controls{display:flex;gap:.5rem;margin-bottom:.75rem}.recipe-list{display:flex;flex-direction:column;gap:.25rem;max-height:400px;overflow-y:auto}.recipe-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:var(--mc-dark);border:2px solid #333;cursor:pointer;transition:background .05s}.recipe-item:hover{background:#2a2a2a;border-color:var(--mc-text-gold)}.recipe-item.disabled{opacity:.5}.recipe-toggle{font-size:.8rem;flex-shrink:0}.recipe-input,.recipe-output{display:flex;align-items:center;gap:.25rem;font-size:.6rem;min-width:0}.recipe-input span,.recipe-output span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-arrow{color:var(--mc-text-gold);font-weight:700;flex-shrink:0}.recipe-furnaces{display:flex;gap:.25rem;margin-left:auto;flex-shrink:0}.furnace-tag{font-size:.5rem;padding:.125rem .25rem;background:#444;border:1px solid #555;color:var(--mc-text-gray)}.no-data{padding:1rem;text-align:center;color:var(--mc-text-gray);font-size:.7rem}.crafting-panel{height:100%;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.crafting-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:2px solid var(--mc-dark)}.crafting-header h2{font-size:1rem;color:var(--mc-text-yellow);text-shadow:2px 2px 0 var(--mc-dark)}.turtle-status{font-size:.7rem;font-weight:700;padding:.25rem .5rem;border:2px solid var(--mc-dark);text-shadow:1px 1px 0 var(--mc-dark)}.turtle-status.online{background:var(--mc-grass-dark);color:var(--mc-text-green)}.turtle-status.offline{background:#6b1a1a;color:var(--mc-text-red)}.turtle-warning{padding:.5rem;background:#6b4a1a;border:2px solid var(--mc-dark);color:var(--mc-text-gold);font-size:.7rem;font-weight:700;text-shadow:1px 1px 0 #000}.craft-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.craft-card{padding:.75rem;background:#3b3b3b;border:3px solid var(--mc-dark);box-shadow:inset 0 2px #555,inset 0 -2px #2a2a2a;display:flex;flex-direction:column;gap:.5rem}.craft-output{display:flex;align-items:center;gap:.5rem;padding-bottom:.375rem;border-bottom:2px solid var(--mc-dark)}.craft-info{display:flex;flex-direction:column}.craft-name{font-size:.8rem;color:var(--mc-text-white);font-weight:700;text-shadow:1px 1px 0 var(--mc-dark)}.craft-count{font-size:.55rem;color:var(--mc-text-gray)}.craft-ingredients{display:flex;flex-wrap:wrap;gap:.25rem}.craft-ingredient{display:flex;align-items:center;gap:.25rem;font-size:.55rem;color:var(--mc-text-gray);padding:.125rem .375rem;background:var(--mc-dark);border:1px solid #333}.craft-btn{width:100%}.craft-btn.crafting{opacity:.7;cursor:not-allowed}.craft-btn:disabled{opacity:.4;cursor:not-allowed}.no-data{grid-column:1 / -1;padding:2rem;text-align:center;color:var(--mc-text-gray);font-size:.75rem}.alerts-panel{height:100%;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.alerts-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:2px solid var(--mc-dark)}.alerts-header h2{font-size:1rem;color:var(--mc-text-yellow);text-shadow:2px 2px 0 var(--mc-dark)}.alert-count{font-size:.7rem;color:var(--mc-text-gray);padding:.25rem .5rem;background:var(--mc-dark);border:2px solid #333}.alert-list{display:flex;flex-direction:column;gap:.5rem}.alert-card{display:flex;align-items:center;gap:.75rem;padding:.625rem;background:#3b3b3b;border:3px solid var(--mc-dark);box-shadow:inset 0 2px #555,inset 0 -2px #2a2a2a}.alert-card.triggered{border-color:#661a1a;background:#3b2a2a}.alert-icon{font-size:1.2rem;flex-shrink:0}.alert-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.alert-item-row{display:flex;align-items:center;gap:.375rem}.alert-item-name{font-size:.75rem;color:var(--mc-text-white);font-weight:700;text-shadow:1px 1px 0 var(--mc-dark)}.alert-details{display:flex;gap:.75rem;font-size:.6rem;color:var(--mc-text-gray)}.alert-details strong{color:var(--mc-text-white)}.alert-badge{padding:.25rem .5rem;font-size:.6rem;font-weight:700;border:2px solid var(--mc-dark);text-shadow:1px 1px 0 #000;flex-shrink:0}.alert-badge.low{background:#6b1a1a;color:var(--mc-text-red)}.alert-badge.ok{background:var(--mc-grass-dark);color:var(--mc-text-green)}.no-alerts{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:var(--mc-text-gray);font-size:.75rem}.no-alerts-icon{font-size:2rem}:root{--mc-dark: #1a1a1a;--mc-darker: #0e0e0e;--mc-stone: #7b7b7b;--mc-stone-light: #9d9d9d;--mc-stone-dark: #4b4b4b;--mc-dirt: #6b5030;--mc-dirt-dark: #4a3520;--mc-oak: #8b6d3c;--mc-oak-dark: #6b4e28;--mc-oak-light: #b89b60;--mc-grass: #5b8731;--mc-grass-light: #80b94e;--mc-grass-dark: #3d6b1a;--mc-inv-bg: #c6c6c6;--mc-inv-slot: #8b8b8b;--mc-inv-slot-border: #373737;--mc-inv-slot-light: #ffffff;--mc-text-white: #e0e0e0;--mc-text-gray: #a0a0a0;--mc-text-dark: #404040;--mc-text-yellow: #ffff55;--mc-text-green: #55ff55;--mc-text-red: #ff5555;--mc-text-aqua: #55ffff;--mc-text-gold: #ffaa00;--mc-text-light-purple: #ff55ff;--mc-text-blue: #5555ff;--mc-diamond: #4aedd9;--mc-emerald: #17dd62;--mc-redstone: #ff0000;--mc-lapis: #345ec3;--mc-border-highlight: #ffffff55;--mc-border-shadow: #00000088}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Silkscreen,Courier New,monospace;background:#2c2c2c;color:var(--mc-text-white);image-rendering:pixelated;overflow:hidden}.app{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:var(--mc-oak-dark);border-bottom:3px solid var(--mc-dark);box-shadow:inset 0 2px 0 var(--mc-oak-light),inset 0 -2px 0 var(--mc-dirt-dark);flex-shrink:0}.app-header h1{font-size:1.1rem;font-weight:700;color:var(--mc-text-yellow);text-shadow:2px 2px 0 var(--mc-dark);letter-spacing:.05em}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:2px solid var(--mc-dark);font-weight:700;font-size:.7rem;text-shadow:1px 1px 0 var(--mc-dark)}.connection-status.connected{background:var(--mc-grass-dark);color:var(--mc-text-green);box-shadow:inset 0 1px 0 var(--mc-grass-light),inset 0 -1px #2a5010}.connection-status.disconnected{background:#6b1a1a;color:var(--mc-text-red);box-shadow:inset 0 1px #a03030,inset 0 -1px #400e0e}.status-dot{width:.5rem;height:.5rem;border-radius:0;animation:mc-blink 1.5s steps(2) infinite}.connected .status-dot{background:var(--mc-text-green);box-shadow:0 0 4px var(--mc-text-green)}.disconnected .status-dot{background:var(--mc-text-red);box-shadow:0 0 4px var(--mc-text-red)}@keyframes mc-blink{0%,to{opacity:1}50%{opacity:.3}}.command-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);padding:.5rem 1.5rem;border:2px solid var(--mc-dark);font-size:.75rem;font-weight:700;z-index:1000;text-shadow:1px 1px 0 var(--mc-dark);animation:toast-in .2s ease}.command-toast.success{background:var(--mc-grass-dark);color:var(--mc-text-green)}.command-toast.error{background:#6b1a1a;color:var(--mc-text-red)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.app-content{flex:1;display:flex;overflow:hidden}.sidebar{width:280px;background:#333;border-right:3px solid var(--mc-dark);overflow-y:auto;flex-shrink:0}.main-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.panel-tabs{display:flex;gap:.25rem;padding:.5rem;background:#3b3b3b;border-bottom:3px solid var(--mc-dark);overflow-x:auto;flex-shrink:0}.panel-tabs button{padding:.5rem 1rem;border:2px solid var(--mc-dark);background:#5a5a5a;color:var(--mc-text-gray);border-radius:0;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .1s;white-space:nowrap;font-family:Silkscreen,Courier New,monospace;text-shadow:1px 1px 0 var(--mc-dark);box-shadow:inset 0 -2px #444,inset 0 2px #777}.panel-tabs button:hover{background:#6b6b6b;color:var(--mc-text-white)}.panel-tabs button.active{background:#4a8c2a;color:#fff;box-shadow:inset 0 2px #6ab04c,inset 0 -2px #2d6b1a}.panel-content-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#2c2c2c}::-webkit-scrollbar-thumb{background:#5a5a5a;border:1px solid var(--mc-dark)}::-webkit-scrollbar-thumb:hover{background:#6b6b6b}.detail-section{margin-bottom:1rem;padding:.875rem;background:#3b3b3b;border:3px solid var(--mc-dark);border-radius:0;box-shadow:inset 0 2px #555,inset 0 -2px #2a2a2a}.detail-section h3{font-size:.8rem;margin-bottom:.75rem;color:var(--mc-text-gold);font-weight:700;display:flex;align-items:center;gap:.5rem;text-shadow:1px 1px 0 var(--mc-dark);text-transform:uppercase;letter-spacing:.05em}.mc-btn{padding:.5rem .75rem;border:2px solid var(--mc-dark);border-radius:0;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .05s;color:#fff;display:flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;font-family:Silkscreen,Courier New,monospace;text-shadow:1px 1px 0 var(--mc-dark);background:#6b6b6b;box-shadow:inset 0 2px #999,inset 0 -2px #444}.mc-btn:hover{background:#7b7b7b;box-shadow:inset 0 2px #aaa,inset 0 -2px #555}.mc-btn:active{background:#555;box-shadow:inset 0 2px #333,inset 0 -2px #777}.mc-btn.green{background:var(--mc-grass-dark);box-shadow:inset 0 2px 0 var(--mc-grass-light),inset 0 -2px #2a5010}.mc-btn.green:hover{background:var(--mc-grass)}.mc-btn.red{background:#8b2e2e;box-shadow:inset 0 2px #b44,inset 0 -2px #661a1a}.mc-btn.red:hover{background:#a03e3e}.mc-btn.blue{background:#2e4a8b;box-shadow:inset 0 2px #46b,inset 0 -2px #1a2a66}.mc-btn.blue:hover{background:#3e5a9b}.mc-btn.gold{background:#8b6b2e;box-shadow:inset 0 2px #b94,inset 0 -2px #664a1a}.mc-btn.gold:hover{background:#9b7b3e}@media (max-width: 1024px){.sidebar{width:220px}}@media (max-width: 768px){.app-content{flex-direction:column}.sidebar{width:100%;max-height:200px;border-right:none;border-bottom:3px solid var(--mc-dark)}}@media (max-width: 480px){.app-header h1{font-size:.85rem}.panel-tabs button{font-size:.7rem;padding:.4rem .6rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}