tutools-ui/dist/tutools-ui.css

Vue 3 components for tutorials and productivity (keyboard overlays, command palette, hints)

.overlay[data-v-a39dc981]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal[data-v-a39dc981]{background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:100%}.key[data-v-a39dc981]{background:#eee;padding:.2rem .5rem;border-radius:4px;font-family:monospace}.palette-overlay[data-v-735d1e55]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.palette-box[data-v-735d1e55]{background:#fff;padding:1rem;border-radius:8px;width:400px;box-shadow:0 2px 8px #0000004d}.palette-input[data-v-735d1e55]{width:100%;padding:.5rem;font-size:1rem;margin-bottom:.5rem}.palette-list[data-v-735d1e55]{max-height:200px;overflow-y:auto;list-style:none;padding:0;margin:0}.palette-item[data-v-735d1e55]{padding:.5rem;cursor:pointer}.palette-item[data-v-735d1e55]:hover{background:#f0f0f0}.shortcut-hint[data-v-55503e77]{font-family:monospace;font-size:.85rem;background:#eee;padding:2px 6px;border-radius:4px;margin-left:.5rem;color:#555}.step-tooltip-wrapper[data-v-5b04a90c]{position:relative;display:inline-block}.step-tooltip[data-v-5b04a90c]{position:absolute;background-color:#333;color:#fff;font-size:12px;padding:6px 10px;border-radius:4px;white-space:nowrap;z-index:10;opacity:.95;pointer-events:none}.step-tooltip.top[data-v-5b04a90c]{bottom:100%;left:50%;transform:translate(-50%) translateY(-6px)}.step-tooltip.right[data-v-5b04a90c]{left:100%;top:50%;transform:translate(6px) translateY(-50%)}.step-tooltip.bottom[data-v-5b04a90c]{top:100%;left:50%;transform:translate(-50%) translateY(6px)}.step-tooltip.left[data-v-5b04a90c]{right:100%;top:50%;transform:translate(-6px) translateY(-50%)}