|
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;background:none!important;overflow:hidden!important;-webkit-user-select:none;user-select:none}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{display:none}p{margin:0;padding:0;font-family:Roboto}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.app-wrapper{height:100%;width:100%;color:#fff}.context-menu-list{min-width:100px;color:#c1c2c5;padding:4px;gap:4px;outline:none;display:flex;flex-direction:column}.context-menu-item{padding:9px;border-radius:0vh;background:#202020;border:1px solid rgb(55,55,55);box-shadow:0 0 1vh #0000004d;outline:none;color:#c1c2c5;display:flex;justify-content:space-between;align-items:center}.context-menu-item:active{transform:none}.context-menu-item:hover{background:#00f8b938;border:.1296296288vh solid rgba(255,255,255,.15);border-radius:0vh;cursor:pointer}.tooltip-description{padding-top:5px}.tooltip-markdown>p{margin:0}button:active{transform:translateY(3px)}.item-drag-preview{width:5vh;height:5vh;z-index:1;position:fixed;pointer-events:none;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:4.5vh;image-rendering:-webkit-optimize-contrast}.inventory-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin-top:10vh}.inventory-wrapper-container{background-color:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;border-radius:10px;margin-right:1.5rem}.inventory-control{display:flex}.inventory-control .inventory-control-wrapper{display:flex;flex-direction:row;gap:4px;padding:4px 8px;justify-content:center;align-items:center;background:#ffffff1a;border-radius:5px;box-shadow:0 0 4px #0003}.inventory-control .inventory-control-input{transition:.2s;padding:8px;width:4rem;font-family:Roboto;font-size:12px;text-align:center;outline:none;color:#fff;background:radial-gradient(circle,#8d063a17,#4d4f572d);border:.1296296288vh solid rgba(136,7,97,.22)}.inventory-control .inventory-control-input:focus-within{background:#f10d8b38;border:.1296296288vh solid rgba(0,248,185,.22)}.inventory-control .inventory-control-button{font-size:11px;padding:5px 10px;background:#ccc;border:none;border-radius:4px;text-transform:uppercase;color:#333;transition:background .3s ease}.inventory-control .inventory-control-button:hover{background:#bbb}.inventory-control-button:first-child{background:#2a9d8f;color:#fff}.inventory-control-button:first-child:hover{background:#21867a}.useful-controls-dialog{background-color:#16161aef;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#c1c2c5;width:300px;display:flex;flex-direction:column;padding:12px;border-radius:4px;gap:12px}.useful-controls-dialog-overlay{background-color:#00000080}.useful-controls-dialog-title{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:16px}.useful-controls-dialog-close{width:20px;height:20px;padding:4px;display:flex;justify-content:center;align-items:center;border-radius:4px;fill:#c1c2c5}.useful-controls-dialog-close:hover{box-shadow:0 0 20px 5px #31d4a9 inset!important;border:.1296296288vh solid rgba(0,248,185,.22);border-radius:0vh;cursor:pointer}.useful-controls-content-wrapper{display:flex;flex-direction:column;gap:12px}.divider{width:100%;height:1px;background-color:#ffffff1f}.useful-controls-button{transition:.2s!important;border:none;color:#fff;padding:5px 6px;width:100%;display:flex;justify-content:center;align-items:center;fill:#fff;background:#a1054e38;border:.1296296288vh solid rgba(255,255,255,.15);border-radius:0vh}.useful-controls-button:hover{box-shadow:0 0 20px 5px #ec2772 inset!important;border:.1296296288vh solid rgba(0,248,185,.22);border-radius:0vh;cursor:pointer}.useful-controls-exit-button{position:absolute!important;right:8px;top:8px;border-radius:2.5%!important;color:gray!important}.inventory-grid-wrapper{display:flex;flex-direction:column;gap:.6rem;padding:.5rem;border-radius:.4rem}.inventory-grid-header-wrapper{display:flex;flex-direction:row;justify-content:space-between}.inventory-grid-header-wrapper p{font-size:12px;padding-bottom:5px}.inventory-grid-container-left,.inventory-grid-container-right{display:grid;height:calc(30.4vh + 10px);grid-template-columns:repeat(6,7.5vh);grid-auto-rows:7.6vh;gap:.4rem;overflow-y:scroll}.inventory-slot,.item-notification-item-box,.hotbar-item-slot{background:#6e6e6e28;border:1px solid rgb(55,55,55);box-shadow:0 0 50px 5px #000000ce inset;background-repeat:no-repeat;background-position:center;border-radius:.5rem;image-rendering:-webkit-optimize-contrast;position:relative;background-size:5vh;color:#c1c2c5;animation:zoomOutAndShake .7s cubic-bezier(.25,.46,.45,.94) both}.inventory-slot:hover,.item-notification-item-box:hover,.hotbar-item-slot:hover{box-shadow:0 0 50px 5px #c50f7996 inset;border:.1296296288vh solid rgba(248,0,83,.22);border-radius:.5rem}@keyframes zoomOutAndShake{0%{transform:scale(0)}to{transform:scale(1)}}.inventory-slot-label-box{background:#6e6e6e28;border:1px solid rgb(55,55,55);color:#c1c2c5;text-align:center;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.inventory-slot-label-text{text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 3px;font-weight:400;font-family:Roboto;font-size:10px}.inventory-slot-number{background-color:#96065f;box-shadow:0 0 1vh #03b89a59;border:1px solid rgba(0,255,221,.3294117647);color:#fff;height:10px;border-radius:.25vh;border-top-left-radius:.5rem;padding:3px;font-size:12px;font-family:Roboto}.item-slot-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100%}.item-slot-wrapper p{font-size:14px}.item-slot-header-wrapper,.item-hotslot-header-wrapper{display:flex;flex-direction:row;justify-content:flex-end}.item-hotslot-header-wrapper{justify-content:space-between!important}.item-slot-info-wrapper{display:flex;flex-direction:row;align-self:flex-end;color:#dfdfdf;padding:3px;gap:4px}.item-slot-info-wrapper p{font-size:10px}.item-slot-currency-wrapper{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding-right:3px}.item-slot-currency-wrapper p{font-size:10px;text-shadow:.1vh .1vh 0 rgba(0,0,0,.7)}.item-slot-price-wrapper{display:flex;flex-direction:row;justify-content:flex-end;padding-right:3px}.item-slot-price-wrapper p{font-size:10px;text-shadow:.1vh .1vh 0 rgba(0,0,0,.7)}.tooltip-wrapper{pointer-events:none;display:flex;width:150px;padding:8px;flex-direction:column;min-width:150px;color:#fff;font-family:Roboto;background:#6e6e6e28;border:1px solid rgb(55,55,55)}.tooltip-wrapper p{font-size:10px;font-weight:400}.tooltip-header-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.tooltip-header-wrapper p{font-size:12px;font-weight:400}.tooltip-crafting-duration{display:flex;flex-direction:row;align-items:center;justify-content:center}.tooltip-crafting-duration svg{padding-right:3px}.tooltip-crafting-duration p{font-size:12px}.tooltip-ingredients{padding-top:5px}.tooltip-ingredient{display:flex;flex-direction:row;align-items:center}.tooltip-ingredient img{width:24px;height:24px;padding-right:5px}.hotslot-wrapper{display:grid;height:calc(30.4vh + 10px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;grid-template-columns:repeat(1,7.5vh);grid-auto-rows:7.6vh;gap:.4rem;margin-top:2vh}.hotslot-container{background-color:none;display:flex;padding-top:5px;padding-bottom:5px;padding-left:5px;border-top-left-radius:8px;border-bottom-left-radius:8px;margin-top:0;margin-left:auto}.hotbar-container{display:flex;align-items:center;gap:2px;justify-content:center;width:100%;position:absolute;bottom:2vh}.hotbar-item-slot{width:7.5vh;height:7.5vh}.hotbar-slot-header-wrapper{display:flex;flex-direction:row;justify-content:space-between}.item-notification-container{display:flex;overflow-x:scroll;flex-wrap:nowrap;gap:2px;position:absolute;bottom:10vh;left:50%;width:100%;margin-left:calc(50% - 3.75vh);transform:translate(-50%)}.item-notification-action-box{width:100%;color:#c1c2c5;text-transform:uppercase;text-align:center;border-radius:.5rem;font-family:Roboto}.item-notification-action-box p{font-size:8px;padding:2px;font-weight:600}.item-notification-item-box{height:7.5vh;width:7.5vh}.durability-bar{background:#86073c6b;height:3px;border-radius:.25rem;overflow:hidden}.weight-bar{background:#86073c6b;border:1px solid rgb(122,11,54);height:1.2vh;border-radius:.25rem;overflow:hidden}.transition-fade-enter{opacity:0}.transition-fade-enter-active{opacity:1;transition:opacity .2s}.transition-fade-exit{opacity:1}.transition-fade-exit-active{opacity:0;transition:opacity .2s}.transition-slide-up-enter{transform:translateY(200px)}.transition-slide-up-enter-active{transform:translateY(0);transition:all .2s}.transition-slide-up-exit{transform:translateY(0)}.transition-slide-up-exit-active{transform:translateY(200px);transition:all .2s}
怎么增加格子 |
|