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) • 2.94 kB
CSS
.p3xr-key-loading[data-v-f4ea1002]{justify-content:center;align-items:center;min-height:100%;padding:32px;display:flex}.p3xr-key-actions[data-v-f4ea1002]{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:4px 8px;display:flex}.p3xr-key-info[data-v-f4ea1002]{border-top:1px solid rgba(var(--v-theme-on-surface), .12)}.p3xr-key-info-row[data-v-f4ea1002]{border-bottom:1px solid rgba(var(--v-theme-on-surface), .12);justify-content:space-between;align-items:baseline;padding:12px 16px;display:flex}.p3xr-key-clickable[data-v-f4ea1002]{cursor:pointer}.p3xr-key-clickable[data-v-f4ea1002]:hover{background-color:rgba(var(--v-theme-on-surface), .1)}.p3xr-key-label[data-v-f4ea1002]{white-space:nowrap;margin-right:16px}.p3xr-key-value[data-v-f4ea1002]{text-align:right;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;overflow:hidden}.p3xr-key-ellipsis[data-v-f4ea1002]{word-break:break-all;min-width:0}.p3xr-ttl-column[data-v-f4ea1002]{flex-direction:column;align-items:flex-end;display:flex}.p3xr-ttl-humanized[data-v-f4ea1002]{opacity:.5;font-size:.85em;font-weight:400}.p3xr-compression-badges[data-v-f4ea1002]{align-items:center;gap:6px;display:inline-flex}.p3xr-badge[data-v-f4ea1002]{letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.p3xr-badge-algo[data-v-f4ea1002]{background-color:rgb(var(--v-theme-secondary));color:rgb(var(--v-theme-on-secondary))}.p3xr-badge-positive[data-v-f4ea1002]{background-color:rgb(var(--v-theme-success));color:rgb(var(--v-theme-on-success))}.p3xr-badge-negative[data-v-f4ea1002]{background-color:rgb(var(--v-theme-error));color:rgb(var(--v-theme-on-error))}.p3xr-size-pretty[data-v-f4ea1002]{opacity:.5}.p3xr-format-row[data-v-f4ea1002]{align-items:center}.p3xr-format-label[data-v-f4ea1002]{flex:1}.p3xr-format-toggle[data-v-f4ea1002]{border:thin solid rgba(var(--v-border-color), var(--v-border-opacity));border-radius:4px;overflow:hidden}.p3xr-format-toggle[data-v-f4ea1002] .v-btn{text-transform:none;letter-spacing:normal;border-radius:0;height:32px;padding:0 12px;font-size:13px}.p3xr-format-toggle[data-v-f4ea1002] .v-btn .v-btn__content{text-transform:none;letter-spacing:normal;border:none;border-left:thin solid rgba(var(--v-border-color), var(--v-border-opacity))}.p3xr-format-toggle[data-v-f4ea1002] .v-btn--active{background-color:rgba(var(--v-theme-primary), .25);color:rgb(var(--v-theme-primary))}.p3xr-format-toggle[data-v-f4ea1002] .v-btn__overlay,.p3xr-format-toggle[data-v-f4ea1002] .v-btn__underlay{border-radius:0}.p3xr-format-toggle[data-v-f4ea1002] .v-btn:first-child{border-left:none;border-radius:4px 0 0 4px}.p3xr-format-toggle[data-v-f4ea1002] .v-btn:last-child{border-radius:0 4px 4px 0}.p3xr-key-unsupported[data-v-f4ea1002]{opacity:.7;padding:16px}