Files
console-dev/app/assets/styles/HomeServerPanel.Do7AgMDx.css
T
2026-11-06 00:04:38 +08:00

108 lines
2.4 KiB
CSS

.home-tabs[data-v-7ce76df7],
.server-head[data-v-7ce76df7] {
border-bottom: 1px solid var(--p-content-border-color);
}
.home-tabs[data-v-7ce76df7] {
align-items: center;
gap: 4px;
min-width: 0;
padding: 10px 14px;
display: flex;
overflow-x: auto;
}
.home-tab[data-v-7ce76df7] {
cursor: pointer;
color: var(--p-text-muted-color);
white-space: nowrap;
background: 0 0;
border: none;
border-radius: 4px;
flex: 1;
padding: 7px 10px;
font-size: 1rem;
}
.home-tab.active[data-v-7ce76df7] {
background: var(--p-highlight-background);
font-weight: 500;
}
.home-tab.active[data-v-7ce76df7],
.home-tab[data-v-7ce76df7]:hover {
color: var(--p-primary-color);
}
.home-row[data-v-7ce76df7],
.server-cols[data-v-7ce76df7] {
grid-template-columns: minmax(0, 1fr) 106px 74px;
align-items: center;
gap: 12px;
display: grid;
}
.server-cols[data-v-7ce76df7] {
background: color-mix(
in srgb,
var(--p-content-hover-background) 45%,
var(--p-content-background)
);
border-bottom: 1px solid var(--p-content-border-color);
min-height: 43px;
padding: 12px 14px;
font-size: 1rem;
font-weight: 500;
}
.server-cols span[data-v-7ce76df7]:nth-child(2),
.server-due[data-v-7ce76df7] {
text-align: center;
}
.server-cols span[data-v-7ce76df7]:last-child {
text-align: right;
}
.home-row-skeleton[data-v-7ce76df7] {
box-sizing: border-box;
height: calc(2.715rem + 18px);
padding: 7px 14px;
}
.home-row[data-v-7ce76df7] {
min-height: calc(2.715rem + 18px);
padding: 7px 14px;
}
.home-row[data-v-7ce76df7] .p-tag {
border-radius: 20px;
justify-self: end;
font-size: 0.875rem;
}
.server-pagination[data-v-7ce76df7] {
margin-top: auto;
padding: 8px 14px 14px;
}
.server-pagination[data-v-7ce76df7] .p-paginator {
background: 0 0;
}
@media (width<=639px) {
.server-head[data-v-7ce76df7] {
flex-wrap: wrap;
gap: 2px;
padding-block: 10px;
}
.home-tabs[data-v-7ce76df7] {
padding: 10px;
}
.home-tab[data-v-7ce76df7] {
font-size: 0.875rem;
}
.home-row[data-v-7ce76df7],
.server-cols[data-v-7ce76df7] {
grid-template-columns: minmax(0, 1fr) 84px 58px;
gap: 8px;
}
.server-cols[data-v-7ce76df7] {
font-size: 0.875rem;
}
.home-row-title[data-v-7ce76df7] {
font-size: 0.9375rem;
}
.home-row-sub[data-v-7ce76df7] {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}