1 line
16 KiB
CSS
1 line
16 KiB
CSS
|
.btn{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;font-weight:600;border-radius:8px;transition:.15s;font-family:inherit}.btn-pri{font-size:13px;padding:8px 16px;background:var(--media-pri);color:var(--media-srf)}.btn-pri:hover{background:var(--media-pri-d)}.btn-acc{background:var(--media-acc)}.btn-acc,.btn-dng{color:var(--media-srf)}.btn-dng{background:var(--media-dng)}.btn-gho{background:transparent;color:var(--media-txt2);border:1px solid var(--media-txt2)}.btn-s{font-size:12px;padding:6px 12px}.btn-m{font-size:13px;padding:8px 16px}.btn.attach{background:var(--media-pri);color:var(--media-srf)}.btn.attach:hover{background:#388e3c}.btn.delete{background:var(--media-dng);color:var(--media-srf)}.btn.delete:hover{background:#c62828}.thumb{border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--media-srf);font-weight:600;text-align:center;line-height:1.2;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);vertical-align:middle}@keyframes mediaFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.thumb-skeleton{width:64px;height:64px;background:linear-gradient(90deg,#ccc,#ddd,#ccc);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--media-pri:#43a047;--media-pri-d:#2e7d32;--media-pri-l:#e8f5e9;--media-dng:#e53935;--media-wrn-l:#fff3e0;--media-bg:#f5f7fa;--media-srf:#fff;--media-brd:#e0e4ea;--media-brd-l:#f0f2f5;--media-txt:#1a1d23;--media-txt2:#6b7280;--media-txt3:#9ca3af;--media-acc:#1976d2;--media-acc-l:#e3f2fd;--media-sb:#1e2a38}.set-editor-header[data-v-6505155b]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.set-editor-header .editor-name[data-v-6505155b]{font-size:16px;font-weight:700;color:var(--media-txt);display:flex;gap:4px;margin-right:10px}.set-editor-header .editor-name label[data-v-6505155b]{position:relative;cursor:pointer}.set-editor-header .editor-name label input[data-v-6505155b]{field-sizing:content;background:transparent;border-radius:4px;padding:0 4px}.set-editor-header .editor-name label input[data-v-6505155b]:focus{outline:2px solid #9deba4!important}.set-editor-header .editor-name .edit-icon[data-v-6505155b]{position:absolute;right:-15px;top:-10px;z-index:10}.set-editor-header .editor-stats[data-v-6505155b]{font-size:12px;color:var(--media-txt3)}.set-editor[data-v-6505155b]{display:flex;gap:20px}.set-editor .set-editor-left[data-v-6505155b]{width:200px;flex-shrink:0;background:var(--media-bg);border-radius:8px;padding:12px;max-height:400px;overflow-y:auto}.set-editor .set-editor-left.disabled[data-v-6505155b]{opacity:.7}.set-editor .set-editor-left h4[data-v-6505155b]{font-size:12px;color:var(--media-txt3);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.set-editor .set-editor-left .pool-item[data-v-6505155b]{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;cursor:pointer;transition:.15s;margin-bottom:2px}.set-editor .set-editor-left .pool-item[data-v-6505155b]:hover{background:var(--media-pri-l)}.set-editor .set-editor-left .pool-item .pname[data-v-6505155b]{font-size:11px;color:var(--media-txt);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-editor .set-editor-left .pool-item .padd[data-v-6505155b]{color:var(--media-pri);font-weight:700;font-size:14px}.set-editor .set-editor-right[data-v-6505155b]{flex:1;min-height:200px;background:var(--media-srf);border:2px dashed var(--media-brd);border-radius:8px;padding:16px}.set-editor .set-editor-right h4[data-v-6505155b]{font-size:12px;color:var(--media-txt3);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.set-editor .set-editor-right .set-item[data-v-6505155b]{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--media-srf);border:1px solid var(--media-brd);border-radius:6px;margin-bottom:4px;cursor:grab;transition:.15s}.set-editor .set-editor-right .set-item[data-v-6505155b]:hover{border-color:var(--media-pri);background:var(--media-pr
|