p3x-redis-ui-material
Version:
💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity
2 lines (1 loc) • 7.52 kB
CSS
.p3xr-database-header[data-v-f5513eeb]{border-radius:4px 4px 0 0;height:48px;min-height:48px;max-height:48px;box-shadow:0 1px 1px #0000004d}.p3xr-database-header-inner[data-v-f5513eeb]{box-sizing:border-box;align-items:center;gap:4px;width:100%;height:48px;padding:0 8px 0 16px;display:flex}.p3xr-database-header-title[data-v-f5513eeb]{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:1;font-size:20px;font-weight:400;overflow:hidden}.p3xr-database-header-db[data-v-f5513eeb]{align-items:center;margin-right:4px;display:flex}.p3xr-database-header .v-btn,.p3xr-database-header .v-btn .v-icon{color:inherit}.p3xr-database-header .v-btn .v-btn__overlay{opacity:0}.p3xr-database-header .v-btn:hover .v-btn__overlay{opacity:.08}.p3xr-import-preview-list[data-v-909836b1]{border:1px solid rgba(var(--v-border-color), .12);border-radius:4px;height:300px;overflow-y:auto}.p3xr-import-preview-row[data-v-909836b1]{border-bottom:1px solid rgba(var(--v-border-color), .06);box-sizing:border-box;align-items:center;gap:8px;padding:0 12px;display:flex}.p3xr-import-key-name[data-v-909836b1]{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Roboto Mono,monospace;font-size:13px;overflow:hidden}.p3xr-import-key-type[data-v-909836b1]{border:1px solid rgba(var(--v-border-color), .2);white-space:nowrap;background:#8080801a;border-radius:3px;padding:1px 6px;font-family:Roboto Mono,monospace;font-size:11px;display:inline-block}.p3xr-tree-controls[data-v-fac10722]{flex-shrink:0;padding:4px}.p3xr-tree-controls-row[data-v-fac10722]{flex-wrap:wrap;align-items:center;gap:1px;min-height:28px;display:flex}.p3xr-tree-controls-search[data-v-fac10722]{align-items:center;gap:1px;margin-top:4px;display:flex}.p3xr-tc-btn[data-v-fac10722]{border-radius:50%;width:24px;min-width:24px;height:24px;min-height:24px;padding:0}.p3xr-tc-btn-primary[data-v-fac10722]{width:24px;min-width:24px;height:24px;min-height:24px;color:rgb(var(--v-theme-primary));border-radius:50%;padding:0}.p3xr-tc-btn-narrow[data-v-fac10722]{border-radius:50%;width:14px;min-width:14px;height:24px;min-height:24px;padding:0}.p3xr-tc-divider-input[data-v-fac10722]{text-align:center;box-sizing:border-box;border:2px solid;border-radius:3px;outline:none;width:23px;height:24px;margin:0 1px;padding:0;font-family:Roboto Mono,monospace;font-size:14px;font-weight:500}.p3xr-tc-page-input[data-v-fac10722]{text-align:center;box-sizing:border-box;-moz-appearance:textfield;border:2px solid;border-radius:3px;outline:none;width:32px;height:20px;padding:0;font-family:Roboto Mono,monospace;font-size:12px}.p3xr-tc-page-input[data-v-fac10722]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.p3xr-tc-page-input[data-v-fac10722]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.p3xr-tc-search-input[data-v-fac10722]{box-sizing:border-box;vertical-align:middle;border:2px solid;border-radius:3px;outline:none;flex:1;min-width:0;height:28px;margin:0 1px;padding:3px;font-family:Roboto Mono,monospace;font-size:12px}.p3xr-tc-divider-menu{transform:translate(-25px);min-width:0;max-width:32px;padding:0;overflow:hidden}.p3xr-tc-divider-menu-item{text-align:center;justify-content:center;min-height:28px;padding:0 6px;font-family:Roboto Mono,monospace;font-size:14px}.p3xr-tc-divider-menu-item .v-list-item__content{text-align:center}.p3xr-tc-btn .v-icon,.p3xr-tc-btn-primary .v-icon,.p3xr-tc-btn-narrow .v-icon{width:20px;height:20px;font-size:20px}.p3xr-tc-btn .v-btn__overlay,.p3xr-tc-btn-primary .v-btn__overlay,.p3xr-tc-btn-narrow .v-btn__overlay{opacity:0}.p3xr-tree-viewport[data-v-c9c15362]{scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%;overflow:auto}.p3xr-tree-viewport[data-v-c9c15362]::-webkit-scrollbar{width:0;height:0;display:none}.p3xr-tree-row[data-v-c9c15362]{white-space:nowrap;cursor:default;box-sizing:border-box;align-items:center;height:28px;line-height:28px;display:flex}.p3xr-tree-row:hover .p3xr-tree-actions[data-v-c9c15362]{visibility:visible}[data-p3xr-tree-key]:hover .p3xr-database-tree-node-label[data-v-c9c15362]{background-color:rgba(var(--v-theme-on-surface), .1)}.p3xr-tree-branch[data-v-c9c15362]{text-align:center;cursor:pointer;flex-shrink:0;width:28px;margin-right:4px;font-family:"Font Awesome 5 Free";font-size:24px;font-style:normal;font-weight:900;line-height:28px;display:inline-block}.p3xr-tree-branch[data-v-c9c15362]:before{content:""}.p3xr-tree-branch-expanded[data-v-c9c15362]:before{content:""}.p3xr-tree-node-label[data-v-c9c15362]{cursor:pointer;white-space:nowrap;align-items:center;height:28px;display:inline-flex}.p3xr-tree-type-icon[data-v-c9c15362]{text-align:center;width:28px;margin-right:4px;font-size:14px;display:inline-block}.p3xr-tree-node-count[data-v-c9c15362]{opacity:.5}.p3xr-tree-ttl[data-v-c9c15362]{cursor:default;align-items:center;height:28px;margin-left:4px;display:inline-flex}.p3xr-tree-ttl .v-icon[data-v-c9c15362]{width:16px;height:16px;font-size:16px}.p3xr-tree-ttl-pulse[data-v-c9c15362]{animation:1s infinite p3xr-ttl-pulse-c9c15362}@keyframes p3xr-ttl-pulse-c9c15362{0%,to{opacity:.7}50%{opacity:1}}.p3xr-tree-actions[data-v-c9c15362]{visibility:hidden;align-items:center;display:inline-flex;position:relative;top:-1px}.p3xr-tree-actions .v-icon[data-v-c9c15362]{cursor:pointer;vertical-align:middle;width:18px;min-width:18px;height:18px;min-height:18px;font-size:18px;line-height:18px}.p3xr-tree-action-delete[data-v-c9c15362]{color:rgb(var(--v-theme-error))}.p3xr-database-root[data-v-a67ae251]{border:1px solid;border-radius:4px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.p3xr-database-body[data-v-a67ae251]{background-color:rgb(var(--v-theme-surface));min-height:0;color:rgb(var(--v-theme-on-surface));flex-direction:column;flex:1;display:flex;overflow:hidden}.p3xr-database-desktop[data-v-a67ae251]{flex-direction:column;flex:1;min-height:0;display:flex}.p3xr-database-main[data-v-a67ae251]{flex:1;min-height:0;display:flex;overflow:hidden}.p3xr-database-left[data-v-a67ae251]{flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.p3xr-database-tree-area[data-v-a67ae251]{flex:1;min-height:0;overflow:hidden}.p3xr-database-resizer[data-v-a67ae251]{cursor:ew-resize;z-index:8;flex-shrink:0;width:5px;transition:filter .15s}.p3xr-database-right[data-v-a67ae251]{flex:1;overflow:auto}.p3xr-database-console-panel[data-v-a67ae251]{border-top:1px solid rgba(var(--v-border-color), .16);box-sizing:border-box;z-index:9;flex-shrink:0;overflow:hidden}.p3xr-database-mobile[data-v-a67ae251]{flex-direction:column;min-height:100%;display:flex;overflow-x:hidden}.p3xr-database-mobile-tree-controls[data-v-a67ae251]{flex:none}.p3xr-database-mobile-tree[data-v-a67ae251]{flex:auto;height:20vh;min-height:100px;overflow:auto}.p3xr-database-mobile-content[data-v-a67ae251]{flex:1}.p3xr-database-mobile-console[data-v-a67ae251]{border-top:1px solid rgba(var(--v-border-color), .16);height:33vh;min-height:220px;margin-top:auto;overflow-x:hidden}.p3xr-not-selectable{-webkit-user-select:none;user-select:none}