Files
console-dev/app/assets/styles/logbook.Y7gm684m.css
T

80 lines
1.9 KiB
CSS

/* 操作日志:查询工具栏、表格与空态/分页。 */
/* 导入方:app/pages/logbook/index.vue。 */
.list-foot > .list-bulk[data-v-0e32233b]:empty {
display: none;
}
[data-v-0e32233b] .p-tag {
font-size: 0.875rem;
font-weight: 500;
}
.field[data-v-0e32233b] {
gap: 7px;
}
.field label[data-v-0e32233b] {
font-size: 0.875rem;
}
@media (width<640px) {
.list-table[data-v-0e32233b]
.p-datatable-tbody
> tr:not(.p-datatable-empty-message) {
grid-template-columns: auto auto minmax(0, 1fr) auto;
grid-template-areas: "content content content content" "time ip . id";
align-items: center;
gap: 6px 10px;
padding: 14px 16px;
display: grid;
}
.list-table[data-v-0e32233b]
.p-datatable-tbody
> tr:not(.p-datatable-empty-message)
> td {
text-align: left;
justify-content: flex-start;
gap: 4px;
padding: 0 !important;
font-size: 0.875rem;
display: none;
position: static;
}
.list-table[data-v-0e32233b]
.p-datatable-tbody
> tr:not(.p-datatable-empty-message)
> td::before {
display: none;
}
.list-table[data-v-0e32233b]
.p-datatable-tbody
> tr:not(.p-datatable-empty-message)
> td[data-label="操作内容"] {
grid-area: content;
display: flex;
color: var(--p-text-color);
font-size: 0.9375rem;
}
.list-table[data-v-0e32233b]
.p-datatable-tbody
> tr:not(.p-datatable-empty-message)
> td[data-label="创建时间"] {
grid-area: time;
display: flex;
color: var(--p-text-muted-color);
}
.list-table[data-v-0e32233b]
.p-datatable-tbody
> tr:not(.p-datatable-empty-message)
> td[data-label="IP"] {
grid-area: ip;
display: flex;
color: var(--p-text-muted-color);
}
.list-table[data-v-0e32233b]
.p-datatable-tbody
> tr:not(.p-datatable-empty-message)
> td[data-label="ID"] {
grid-area: id;
display: flex;
color: var(--p-text-muted-color);
justify-content: flex-end;
}
}