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

81 lines
1.8 KiB
CSS

.instance-loading-shell[data-v-f12d9300] {
min-width: 0;
}
.shell-tabs[data-v-f12d9300] {
border-bottom: 1px solid var(--p-content-border-color, #e2e8f0);
display: flex;
overflow: hidden;
}
.shell-tabs > span[data-v-f12d9300] {
flex-shrink: 0;
padding: 14px;
}
.shell-grid[data-v-f12d9300] {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 21px;
padding-top: 21px;
display: grid;
}
.shell-column[data-v-f12d9300] {
gap: 21px;
min-width: 0;
}
.shell-card[data-v-f12d9300],
.shell-column[data-v-f12d9300] {
flex-direction: column;
display: flex;
}
.shell-card[data-v-f12d9300] {
background: var(--console-panel-bg);
border: 1px solid var(--console-panel-border);
box-shadow: var(--console-panel-shadow);
border-radius: 6px;
gap: 12px;
padding: 14px;
}
.shell-row[data-v-f12d9300] {
justify-content: space-between;
gap: 12px;
display: flex;
}
.shell-button[data-v-f12d9300] {
margin-top: 3px;
}
.shell-secondary[data-v-f12d9300] {
min-height: 230px;
}
@media (width<=1199px) {
.dcim .shell-column[data-v-f12d9300],
.dcim .shell-grid[data-v-f12d9300] {
gap: 14px;
}
}
@media (width<=1023px) {
.instance-loading-shell:not(.dcim) .shell-grid[data-v-f12d9300] {
grid-template-columns: 1fr;
}
}
@media (width<=950px) {
.dcim .shell-grid[data-v-f12d9300] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dcim .shell-column[data-v-f12d9300]:last-child {
grid-column: 1/-1;
grid-template-columns: 1fr 1fr;
display: grid;
}
}
@media (width<=600px) {
.dcim .shell-grid[data-v-f12d9300] {
grid-template-columns: 1fr;
padding-top: 14px;
}
.dcim .shell-column[data-v-f12d9300]:last-child {
grid-column: auto;
display: flex;
}
.dcim .shell-tabs > span[data-v-f12d9300] {
padding: 12px 10px;
}
}