| 1 |
- .goodscard[data-v-6c254aa4]{border:1px solid #ddd;border-radius:8px;height:100%;width:100%;background-size:contain;background-repeat:no-repeat;background-blend-mode:multiply}[data-v-6c254aa4] .q-field__label{margin-top:8px;align-self:center}[data-v-6c254aa4] .q-field__control-container{padding-left:50px;margin-top:-5px}[data-v-003e79a6]:root{--cell-d:40px;--cell-d-x:100px;--cell-x-2:20px;--cell-x:20px;--cell-y:100px;--cell-y-2:20px;--axis-x:20px}.btn-group[data-v-003e79a6]{position:absolute;left:var(--cell-x-2);display:flex;gap:10px}.grid-system[data-v-003e79a6]{position:relative;padding-left:var(--cell-x-2);padding-right:330px;padding-top:10px;min-width:-webkit-max-content;min-width:max-content}.axis[data-v-003e79a6]{position:absolute;background:#333;z-index:2}.axis-arrow[data-v-003e79a6]{position:absolute;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:12px solid #555}.y-axis .axis-arrow[data-v-003e79a6]{top:-10px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #333}.x-axis .axis-arrow[data-v-003e79a6]{right:-3px;top:-5px;border-left-color:#333}.y-axis[data-v-003e79a6]{left:30px;top:0;bottom:-10px;width:2px}.y-axis .axis-numbers[data-v-003e79a6]{position:absolute;right:6px;height:100%;display:flex;flex-direction:column-reverse}.y-axis .axis-numbers div[data-v-003e79a6]{position:relative;height:var(--cell-y);line-height:var(--cell-x);top:-0.5em;color:#111;font-size:larger}.x-axis[data-v-003e79a6]{position:absolute;left:30px;width:var(--axis-x);right:auto;bottom:-10px;height:2px}.x-axis .axis-numbers[data-v-003e79a6]{position:absolute;top:10px;display:flex}.x-axis .axis-numbers div[data-v-003e79a6]{width:var(--cell-d-x);text-align:center;color:#333}.grid-container[data-v-003e79a6]{position:relative;margin-left:30px}.grid-content[data-v-003e79a6]{position:relative;z-index:2}.grid-row[data-v-003e79a6]{display:flex;height:var(--cell-y);gap:var(--cell-x)}.grid-item[data-v-003e79a6]{width:var(--cell-d);height:var(--cell-d);border:1px solid #ddd;box-sizing:border-box;background:hsla(0,0%,100%,0.9);transition:transform 0.2s}.grid-item[data-v-003e79a6]:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}
|
