2 lines
6.9 KiB
CSS
2 lines
6.9 KiB
CSS
.quick-switcher[data-v-992dcfce]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-switcher__dialog[data-v-992dcfce]{width:90%;max-width:600px;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.quick-switcher__input-wrap[data-v-992dcfce]{display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid var(--border);gap:.75rem}.quick-switcher__icon[data-v-992dcfce]{flex-shrink:0;color:var(--text-secondary)}.quick-switcher__input[data-v-992dcfce]{flex:1;padding:1rem 0;background:none;border:none;font-size:1rem;color:var(--text-primary);outline:none}.quick-switcher__input[data-v-992dcfce]::placeholder{color:var(--text-secondary)}.quick-switcher__kbd[data-v-992dcfce]{padding:.25rem .5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;font-size:.75rem;color:var(--text-secondary)}.quick-switcher__loading[data-v-992dcfce]{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-secondary);font-size:.875rem}.quick-switcher__spinner[data-v-992dcfce]{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin-992dcfce .6s linear infinite}@keyframes spin-992dcfce{to{transform:rotate(360deg)}}.quick-switcher__results[data-v-992dcfce]{list-style:none;max-height:400px;overflow-y:auto;padding:.5rem}.quick-switcher__result[data-v-992dcfce]{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:8px;cursor:pointer;transition:background .1s}.quick-switcher__result--selected[data-v-992dcfce]{background:var(--bg-secondary)}.quick-switcher__result-icon[data-v-992dcfce]{font-size:1.125rem;flex-shrink:0}.quick-switcher__result-info[data-v-992dcfce]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.quick-switcher__result-title[data-v-992dcfce]{font-size:.9375rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-switcher__result-subtitle[data-v-992dcfce]{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-switcher__result-type[data-v-992dcfce]{font-size:.75rem;padding:.125rem .5rem;background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);text-transform:capitalize;flex-shrink:0}.quick-switcher__empty[data-v-992dcfce]{padding:2rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.quick-switcher__hint[data-v-992dcfce]{padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.quick-switcher__shortcuts[data-v-992dcfce]{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;font-size:.8125rem}.quick-switcher__shortcuts kbd[data-v-992dcfce]{padding:.125rem .375rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;font-size:.75rem;margin-right:.25rem}.quick-switcher-enter-active[data-v-992dcfce],.quick-switcher-leave-active[data-v-992dcfce]{transition:opacity .15s ease}.quick-switcher-enter-active .quick-switcher__dialog[data-v-992dcfce],.quick-switcher-leave-active .quick-switcher__dialog[data-v-992dcfce]{transition:transform .15s ease,opacity .15s ease}.quick-switcher-enter-from[data-v-992dcfce],.quick-switcher-leave-to[data-v-992dcfce]{opacity:0}.quick-switcher-enter-from .quick-switcher__dialog[data-v-992dcfce],.quick-switcher-leave-to .quick-switcher__dialog[data-v-992dcfce]{transform:scale(.95) translateY(-10px);opacity:0}.header[data-v-f3e028bf]{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border)}.header__left[data-v-f3e028bf]{flex:1}.header__logo[data-v-f3e028bf]{display:flex;align-items:center;gap:.75rem;text-decoration:none}.header__title[data-v-f3e028bf]{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.header__center[data-v-f3e028bf]{flex:2;max-width:480px}.header__search[data-v-f3e028bf]{position:relative;display:flex;align-items:center}.header__search-icon[data-v-f3e028bf]{position:absolute;left:.75rem;color:var(--text-secondary)}.header__search-input[data-v-f3e028bf]{width:100%;padding:.5rem 4rem .5rem 2.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:.875rem;color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s}.header__search-input[data-v-f3e028bf]::placeholder{color:var(--text-secondary)}.header__search-input[data-v-f3e028bf]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.header__kbd[data-v-f3e028bf]{position:absolute;right:.75rem;padding:.125rem .375rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;font-size:.75rem;color:var(--text-secondary)}.header__right[data-v-f3e028bf]{flex:1;display:flex;justify-content:flex-end}.header__theme-toggle[data-v-f3e028bf]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s;margin-right:.5rem}.header__theme-toggle[data-v-f3e028bf]:hover{background:var(--bg-secondary);color:var(--text-primary)}.header__user[data-v-f3e028bf]{position:relative;display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .375rem;border-radius:8px;cursor:pointer;transition:background .15s}.header__user[data-v-f3e028bf]:hover{background:var(--bg-secondary)}.header__avatar[data-v-f3e028bf]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:6px;color:#fff;font-weight:600;font-size:.875rem}.header__username[data-v-f3e028bf]{font-size:.875rem;color:var(--text-primary)}.header__dropdown[data-v-f3e028bf]{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:180px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #00000026;overflow:hidden;z-index:100}.header__dropdown-item[data-v-f3e028bf]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;font-size:.875rem;color:var(--text-primary);cursor:pointer;text-align:left;text-decoration:none}.header__dropdown-item[data-v-f3e028bf]:hover{background:var(--bg-secondary)}.header__dropdown-item--info[data-v-f3e028bf]{flex-direction:column;align-items:flex-start;gap:.125rem}.header__dropdown-item--info small[data-v-f3e028bf]{color:var(--text-secondary);font-size:.75rem}.header__dropdown-divider[data-v-f3e028bf]{margin:.25rem 0;border:none;border-top:1px solid var(--border)}.fade-enter-active[data-v-f3e028bf],.fade-leave-active[data-v-f3e028bf]{transition:opacity .15s,transform .15s}.fade-enter-from[data-v-f3e028bf],.fade-leave-to[data-v-f3e028bf]{opacity:0;transform:translateY(-4px)}
|