p3x-redis-ui-material
Version:
💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io
21 lines • 4.92 kB
CSS
/*!
* MIT License
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/.p3xr-database-key-loading{align-items:center;display:flex;justify-content:center;min-height:100%;padding:32px}.p3xr-database-key-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:4px 8px}.p3xr-database-key-info{border-top:1px solid hsla(0,0%,100%,.12)}body.p3xr-theme-light .p3xr-database-key-info{border-top-color:rgba(0,0,0,.12)}.p3xr-database-key-info-row{align-items:baseline;border-bottom:1px solid hsla(0,0%,100%,.12);display:flex;justify-content:space-between;padding:12px 16px}.p3xr-database-key-info-row strong{margin-right:16px;white-space:nowrap}.p3xr-database-key-info-row span{overflow:hidden;text-align:right;text-overflow:ellipsis;user-select:text}body.p3xr-theme-light .p3xr-database-key-info-row{border-bottom-color:rgba(0,0,0,.12)}.p3xr-database-key-info-row-clickable{cursor:pointer}.p3xr-database-key-info-row-clickable:hover{background-color:hsla(0,0%,100%,.1)}body.p3xr-theme-light .p3xr-database-key-info-row-clickable:hover{background-color:rgba(0,0,0,.1)}.p3xr-database-key-ttl-value{align-items:flex-end;display:flex;flex-direction:column}.p3xr-database-key-ttl-hint{font-size:.85em;font-weight:400;opacity:.5}.p3xr-key-type-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:4px 8px}.p3xr-key-type-content{padding:8px 16px 24px}.p3xr-key-type-textarea{background:var(--p3xr-input-bg);border:1px solid var(--p3xr-fieldset-border);border-radius:4px;color:var(--p3xr-input-color);font-family:monospace;font-size:13px;padding:8px;resize:vertical;width:100%}.p3xr-key-type-value{font-size:13px;margin:0;padding:8px;white-space:pre-wrap;word-break:break-all}.p3xr-key-type-display{padding:8px}.p3xr-key-type-editor{width:100%}.p3xr-key-type-editor textarea{font-family:Roboto Mono,monospace;font-size:13px}.p3xr-key-type-buffer-info{font-style:italic;opacity:.7;padding:8px}.p3xr-key-type-table{width:100%}.p3xr-key-type-header{align-items:center;background-color:var(--p3xr-btn-primary-bg);border-bottom:2px solid var(--p3xr-list-border);color:var(--p3xr-btn-primary-color);display:flex;font-weight:700;gap:8px;padding:8px 16px}.p3xr-key-type-header .mat-mdc-icon-button{color:var(--p3xr-btn-primary-color)}.p3xr-key-type-row{align-items:flex-start;border-bottom:1px solid var(--p3xr-list-border);display:flex;gap:8px;padding:6px 16px}.p3xr-key-type-row:hover{background-color:var(--p3xr-hover-bg)}.p3xr-key-type-row:nth-child(odd){background-color:var(--p3xr-list-odd-bg)}.p3xr-key-type-row:nth-child(odd):hover{background-color:var(--p3xr-hover-bg)}.p3xr-key-type-row .p3xr-key-col{overflow:hidden;text-overflow:ellipsis;user-select:text;white-space:nowrap}.p3xr-key-type-row .p3xr-value-col{max-height:200px;overflow:auto;user-select:text;white-space:pre-wrap;word-break:break-all}.p3xr-key-type-row-actions{white-space:nowrap}.p3xr-key-type-row-actions mat-icon{cursor:pointer;font-size:18px;height:18px;margin:0 2px;opacity:.7;width:18px}.p3xr-key-type-row-actions mat-icon:hover{opacity:1}.p3xr-key-type-row-actions .icon-warn{color:var(--p3xr-btn-warn-bg)}.p3xr-key-type-row-actions .icon-accent{color:var(--p3xr-btn-accent-bg)}.p3xr-key-type-row-actions .icon-primary{color:var(--p3xr-btn-primary-bg)}.p3xr-key-stream-entry-block{border-bottom:1px solid var(--p3xr-list-border)}.p3xr-key-stream-entry-block:nth-child(odd){background-color:var(--p3xr-list-odd-bg)}.p3xr-key-stream-entry-block:hover{background-color:var(--p3xr-hover-bg)}.p3xr-key-stream-entry-header{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:6px 16px}.p3xr-key-stream-timestamp{align-items:center;display:flex;gap:12px}.p3xr-key-stream-timestamp-human{font-size:12px;opacity:.5}.p3xr-key-stream-data{max-height:300px;overflow:auto;padding:0 16px 8px}