first commit
This commit is contained in:
cieanyau committed
commit
db5762abd4
687 files changed
+171307
No files matched your search
+35
@@ -0,0 +1,35 @@
|
||||
<script setup>
|
||||
import { computed, onMounted, onBeforeUnmount } from "vue";
|
||||
import { useRoute } from "#app";
|
||||
import { NuxtLayout, NuxtPage, NuxtRouteAnnouncer } from "#components";
|
||||
import BuildUpdateNotice from "~/components/BuildUpdateNotice.vue";
|
||||
import OperationToasts from "~/components/OperationToasts.vue";
|
||||
import { useAuth } from "~/lib/auth.js";
|
||||
import { t as useTheme } from "~/lib/useTheme.js";
|
||||
import { isPublicShop, isAuthPage, isPublicRoute } from "~/utils/access.js";
|
||||
|
||||
const auth = useAuth();
|
||||
const route = useRoute();
|
||||
const theme = useTheme();
|
||||
const layout = computed(() =>
|
||||
!auth.isLoggedIn && isPublicShop(route) ? "public-order" : route.meta.layout,
|
||||
);
|
||||
// An authenticated route's component tree belongs to that session, not to a pending redirect.
|
||||
const canRenderRoute = computed(() => auth.isLoggedIn || isPublicRoute(route));
|
||||
const routeSessionKey = computed(() =>
|
||||
isAuthPage(route.path) || route.path === "/home.htm"
|
||||
? route.path
|
||||
: auth.token || "anonymous",
|
||||
);
|
||||
onMounted(theme.init);
|
||||
onBeforeUnmount(theme.dispose);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<NuxtRouteAnnouncer />
|
||||
<BuildUpdateNotice />
|
||||
<OperationToasts />
|
||||
<NuxtLayout v-if="canRenderRoute" :key="routeSessionKey" :name="layout"
|
||||
><NuxtPage
|
||||
/></NuxtLayout>
|
||||
</template>
|
||||
@@ -0,0 +1,211 @@
|
||||
.auth-providers[data-v-9d0ee2f9] {
|
||||
border-left: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-hover-background);
|
||||
min-width: 0;
|
||||
font-size: inherit;
|
||||
flex-direction: column;
|
||||
padding: 32px;
|
||||
display: flex;
|
||||
}
|
||||
.provider-panel[data-v-9d0ee2f9] {
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
min-height: 330px;
|
||||
padding: 16px 0 28px;
|
||||
}
|
||||
.provider-panel[data-v-9d0ee2f9],
|
||||
.provider-qr-placeholder[data-v-9d0ee2f9] {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.provider-qr-placeholder[data-v-9d0ee2f9] {
|
||||
border: 2px dashed var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
width: 176px;
|
||||
height: 176px;
|
||||
color: var(--p-text-muted-color);
|
||||
border-radius: 12px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.provider-qr-placeholder .pi[data-v-9d0ee2f9] {
|
||||
font-size: 48px;
|
||||
}
|
||||
.provider-heading[data-v-9d0ee2f9] {
|
||||
color: var(--p-text-color);
|
||||
margin: 0;
|
||||
font-size: 1em;
|
||||
font-weight: 600;
|
||||
}
|
||||
.provider-description[data-v-9d0ee2f9] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 8px 0 0;
|
||||
font-size: 1em;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.provider-tabs[data-v-9d0ee2f9] {
|
||||
background: color-mix(
|
||||
in srgb,
|
||||
var(--p-text-color) 6%,
|
||||
var(--p-content-background)
|
||||
);
|
||||
border-radius: 10px;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
padding: 4px;
|
||||
display: grid;
|
||||
position: relative;
|
||||
}
|
||||
.provider-tab-indicator[data-v-9d0ee2f9] {
|
||||
background: var(--p-content-background);
|
||||
pointer-events: none;
|
||||
border-radius: 7px;
|
||||
width: calc(50% - 4px);
|
||||
transition: transform 0.2s;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
bottom: 4px;
|
||||
left: 4px;
|
||||
box-shadow: 0 1px 3px #00000014;
|
||||
}
|
||||
.provider-tabs button[data-v-9d0ee2f9] {
|
||||
min-height: 44px;
|
||||
color: var(--p-text-muted-color);
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 7px;
|
||||
padding: 8px;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
}
|
||||
.provider-tabs button.active[data-v-9d0ee2f9] {
|
||||
color: var(--p-text-color);
|
||||
}
|
||||
.provider-tabs button[data-v-9d0ee2f9]:disabled {
|
||||
opacity: 0.45;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.provider-tabs button[data-v-9d0ee2f9]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.provider-config-error[data-v-9d0ee2f9] {
|
||||
margin-top: 16px;
|
||||
}
|
||||
.login-qr[data-v-9d0ee2f9] .p-button {
|
||||
min-height: 44px;
|
||||
font-size: 1em;
|
||||
}
|
||||
@media (width<=760px) {
|
||||
.auth-providers[data-v-9d0ee2f9] {
|
||||
border-left: 0;
|
||||
border-top: 1px solid var(--p-content-border-color);
|
||||
padding: 24px;
|
||||
}
|
||||
.provider-panel[data-v-9d0ee2f9] {
|
||||
min-height: 300px;
|
||||
padding-top: 0;
|
||||
}
|
||||
.provider-qr-placeholder[data-v-9d0ee2f9] {
|
||||
width: 152px;
|
||||
height: 152px;
|
||||
}
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.provider-tab-indicator[data-v-9d0ee2f9] {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
.login-qr[data-v-9d0ee2f9] {
|
||||
grid-template-rows: 200px 64px 44px;
|
||||
justify-items: center;
|
||||
gap: 8px;
|
||||
width: 100%;
|
||||
padding: 12px 0;
|
||||
font-size: 1em;
|
||||
display: grid;
|
||||
}
|
||||
.qr-stage[data-v-9d0ee2f9] {
|
||||
justify-content: center;
|
||||
height: 200px;
|
||||
display: flex;
|
||||
}
|
||||
.qr-stage[data-v-9d0ee2f9],
|
||||
.qr-status[data-v-9d0ee2f9] {
|
||||
width: 100%;
|
||||
min-height: 0;
|
||||
}
|
||||
.qr-status[data-v-9d0ee2f9] {
|
||||
align-items: center;
|
||||
display: grid;
|
||||
overflow: auto;
|
||||
}
|
||||
.qr-status[data-v-9d0ee2f9] .p-message {
|
||||
margin: 0;
|
||||
}
|
||||
.qr-actions[data-v-9d0ee2f9] {
|
||||
height: 44px;
|
||||
}
|
||||
.qr-request[data-v-9d0ee2f9] {
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
.qr-request[data-v-9d0ee2f9] .p-button-icon {
|
||||
font-size: 32px;
|
||||
}
|
||||
.qr-box[data-v-9d0ee2f9] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 12px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
.qr-box-idle[data-v-9d0ee2f9] {
|
||||
background: 0 0;
|
||||
border-style: dashed;
|
||||
}
|
||||
.qr-img[data-v-9d0ee2f9] {
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.qr-img-dim[data-v-9d0ee2f9] {
|
||||
opacity: 0.35;
|
||||
}
|
||||
.qr-tip[data-v-9d0ee2f9] {
|
||||
color: var(--p-text-color);
|
||||
margin: 0;
|
||||
}
|
||||
.qr-clients[data-v-9d0ee2f9] {
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
width: 100%;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.qr-client[data-v-9d0ee2f9],
|
||||
.qr-clients[data-v-9d0ee2f9] {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.qr-client[data-v-9d0ee2f9] {
|
||||
cursor: pointer;
|
||||
gap: 8px;
|
||||
}
|
||||
.qr-client.disabled[data-v-9d0ee2f9] {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.qr-client-btn[data-v-9d0ee2f9] {
|
||||
margin-top: 4px;
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
.configured-external[data-v-b0009398],
|
||||
.nav-unavailable[data-v-b0009398] {
|
||||
align-items: center;
|
||||
gap: 10.5px;
|
||||
display: flex;
|
||||
}
|
||||
.nav-unavailable[data-v-b0009398] {
|
||||
color: var(--p-text-muted-color);
|
||||
cursor: not-allowed;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
font: inherit;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
}
|
||||
.nav-unavailable small[data-v-b0009398] {
|
||||
white-space: nowrap;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.external-icon[data-v-b0009398] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
.nav-load-error[data-v-02b58e93] {
|
||||
color: var(--p-text-muted-color);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 8.75px 14px;
|
||||
font-size: 0.875rem;
|
||||
display: flex;
|
||||
}
|
||||
.nav-placeholder[data-v-02b58e93] {
|
||||
gap: 18px;
|
||||
padding: 20px 14px;
|
||||
display: grid;
|
||||
}
|
||||
.nav-placeholder span[data-v-02b58e93] {
|
||||
background: var(--p-content-hover-background);
|
||||
border-radius: 4px;
|
||||
width: 78%;
|
||||
height: 20px;
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
.build-notice[data-v-fc2ba853] {
|
||||
z-index: 1100;
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 12px;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
max-width: 420px;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
bottom: 24px;
|
||||
right: 24px;
|
||||
box-shadow: 0 8px 32px #0002;
|
||||
}
|
||||
.build-notice p[data-v-fc2ba853] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 8px 0 0;
|
||||
}
|
||||
.build-actions[data-v-fc2ba853] {
|
||||
justify-content: flex-end;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
@media (width<=500px) {
|
||||
.build-notice[data-v-fc2ba853] {
|
||||
bottom: 12px;
|
||||
left: 12px;
|
||||
right: 12px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
.field[data-v-5ba6618f] {
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
display: flex;
|
||||
}
|
||||
.field > label[data-v-5ba6618f] {
|
||||
color: var(--p-text-color, #334155);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.row[data-v-5ba6618f] {
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.row[data-v-5ba6618f] > :first-child {
|
||||
flex: 1;
|
||||
}
|
||||
.img[data-v-5ba6618f] {
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
background: var(--p-content-background);
|
||||
cursor: pointer;
|
||||
width: 110px;
|
||||
height: 40px;
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
border-radius: 6px;
|
||||
flex-shrink: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
.img img[data-v-5ba6618f] {
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
.chart-box[data-v-c86d748f] {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.chart[data-v-c86d748f] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
.lvl-state[data-v-7c5ffb84] {
|
||||
text-align: center;
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
padding: 24px 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.lvl-grid[data-v-7c5ffb84] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 12px 24px;
|
||||
margin-bottom: 12px;
|
||||
display: grid;
|
||||
}
|
||||
.lvl-item[data-v-7c5ffb84] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.lvl-label[data-v-7c5ffb84] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
}
|
||||
.lvl-value[data-v-7c5ffb84] {
|
||||
font-weight: 500;
|
||||
}
|
||||
.lvl-desc[data-v-7c5ffb84] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
margin: 0 0 6px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.lvl-section[data-v-7c5ffb84] {
|
||||
margin: 14px 0 8px;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.lvl-grid[data-v-7c5ffb84] {
|
||||
gap: 21px;
|
||||
padding-block: 14px;
|
||||
}
|
||||
.lvl-item[data-v-7c5ffb84] {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 7px;
|
||||
}
|
||||
.lvl-value[data-v-7c5ffb84] {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
@media (width<=480px) {
|
||||
.lvl-grid[data-v-7c5ffb84] {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,68 @@
|
||||
.cloud-extras[data-v-94e7f654] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.block-title[data-v-94e7f654] {
|
||||
margin: 0;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.info-table[data-v-94e7f654] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
background: var(--console-panel-bg);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.kv[data-v-94e7f654] {
|
||||
grid-template-columns: 16.6667% minmax(0, 1fr);
|
||||
align-items: center;
|
||||
min-height: 49px;
|
||||
display: grid;
|
||||
}
|
||||
.kv + .kv[data-v-94e7f654] {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
}
|
||||
.kv[data-v-94e7f654]:nth-child(2n) {
|
||||
background: var(--console-page-bg);
|
||||
}
|
||||
.kv > span[data-v-94e7f654] {
|
||||
color: var(--p-text-muted-color);
|
||||
padding: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.kv > div[data-v-94e7f654] {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
padding: 14px;
|
||||
}
|
||||
.action-cell[data-v-94e7f654] {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 7px;
|
||||
display: flex;
|
||||
}
|
||||
.action-cell[data-v-94e7f654] .p-button {
|
||||
max-width: 100%;
|
||||
}
|
||||
.action-cell[data-v-94e7f654] .p-button-label {
|
||||
white-space: normal;
|
||||
text-align: left;
|
||||
}
|
||||
.action-desc[data-v-94e7f654] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
@media (width<=480px) {
|
||||
.kv[data-v-94e7f654] {
|
||||
grid-template-columns: 100px minmax(0, 1fr);
|
||||
}
|
||||
.kv > div[data-v-94e7f654],
|
||||
.kv > span[data-v-94e7f654] {
|
||||
padding: 12px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,122 @@
|
||||
.cloud-product-picker[data-v-a438862d] {
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.selection-section[data-v-a438862d] {
|
||||
min-width: 0;
|
||||
}
|
||||
.selection-section h3[data-v-a438862d] {
|
||||
border-bottom: 1px solid var(--p-content-border-color);
|
||||
margin: 0 0 21px;
|
||||
padding-bottom: 15px;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.selection-section .products-title[data-v-a438862d] {
|
||||
border: 0;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.selection-label[data-v-a438862d] {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.zone-options[data-v-a438862d] {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
display: grid;
|
||||
}
|
||||
.product-options[data-v-a438862d] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
display: grid;
|
||||
}
|
||||
.product-option[data-v-a438862d],
|
||||
.zone-option[data-v-a438862d] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
min-width: 0;
|
||||
min-height: 60px;
|
||||
color: var(--p-text-color);
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
overflow-wrap: anywhere;
|
||||
border-radius: 5px;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
padding: 17px 14px;
|
||||
display: flex;
|
||||
box-shadow: 0 1px 3px #0000001a;
|
||||
}
|
||||
.zone-option[data-v-a438862d] {
|
||||
justify-content: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
.product-option[data-v-a438862d] {
|
||||
gap: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.product-option strong[data-v-a438862d] {
|
||||
background: color-mix(
|
||||
in srgb,
|
||||
var(--p-primary-color) 8%,
|
||||
var(--p-content-background)
|
||||
);
|
||||
padding: 14px;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
}
|
||||
.product-option span[data-v-a438862d] {
|
||||
color: var(--p-text-muted-color);
|
||||
padding: 14px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.active[data-v-a438862d] {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: -1px;
|
||||
background: color-mix(
|
||||
in srgb,
|
||||
var(--p-primary-color) 7%,
|
||||
var(--p-content-background)
|
||||
);
|
||||
color: var(--p-primary-700);
|
||||
}
|
||||
.product-option[data-v-a438862d]:disabled,
|
||||
.zone-option[data-v-a438862d]:disabled {
|
||||
opacity: 0.55;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.product-option[data-v-a438862d]:focus-visible,
|
||||
.zone-option[data-v-a438862d]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
.catalog-empty[data-v-a438862d] {
|
||||
text-align: center;
|
||||
color: var(--p-text-muted-color);
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 5px;
|
||||
padding: 28px;
|
||||
}
|
||||
.catalog-empty i[data-v-a438862d] {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
.catalog-empty a[data-v-a438862d] {
|
||||
color: var(--p-primary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
@media (width<=767px) {
|
||||
.product-options[data-v-a438862d],
|
||||
.zone-options[data-v-a438862d] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
}
|
||||
}
|
||||
@media (width<=390px) {
|
||||
.product-options[data-v-a438862d] {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
.cycle-warn[data-v-bc59a2b1] {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.hint[data-v-bc59a2b1] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.cascade-controls[data-v-bc59a2b1],
|
||||
.repeat-controls[data-v-bc59a2b1] {
|
||||
flex-wrap: wrap;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.repeat-controls[data-v-bc59a2b1] {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
.repeat-row[data-v-bc59a2b1] {
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.repeat-label[data-v-bc59a2b1] {
|
||||
color: var(--p-text-muted-color);
|
||||
flex: 0 0 84px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.repeat-row[data-v-bc59a2b1] .p-inputnumber {
|
||||
flex: 1;
|
||||
min-width: 160px;
|
||||
}
|
||||
.storage-grid[data-v-bc59a2b1] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
align-items: start;
|
||||
gap: 16px;
|
||||
display: grid;
|
||||
}
|
||||
@media (width<=639px) {
|
||||
.storage-grid[data-v-bc59a2b1] {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,85 @@
|
||||
.common-manage[data-v-34fd3c5d] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.common-tabs[data-v-34fd3c5d] {
|
||||
border-bottom: 1px solid var(--p-content-border-color);
|
||||
gap: 8px;
|
||||
padding: 12px;
|
||||
display: flex;
|
||||
overflow: auto;
|
||||
}
|
||||
.common-tabs button[data-v-34fd3c5d] {
|
||||
white-space: nowrap;
|
||||
color: var(--p-text-muted-color);
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 6px;
|
||||
padding: 10px 14px;
|
||||
}
|
||||
.common-tabs button.active[data-v-34fd3c5d] {
|
||||
background: var(--p-primary-50);
|
||||
color: var(--p-primary-color);
|
||||
}
|
||||
.common-body[data-v-34fd3c5d] {
|
||||
gap: 20px;
|
||||
padding: 24px;
|
||||
display: grid;
|
||||
}
|
||||
.common-body h3[data-v-34fd3c5d] {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
.common-grid[data-v-34fd3c5d] {
|
||||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||||
gap: 20px;
|
||||
margin: 0;
|
||||
display: grid;
|
||||
}
|
||||
.common-grid dt[data-v-34fd3c5d],
|
||||
.muted[data-v-34fd3c5d] {
|
||||
color: var(--p-text-muted-color);
|
||||
}
|
||||
.common-grid dd[data-v-34fd3c5d] {
|
||||
overflow-wrap: anywhere;
|
||||
margin: 8px 0 0;
|
||||
}
|
||||
.common-actions[data-v-34fd3c5d] {
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
display: flex;
|
||||
}
|
||||
.common-form[data-v-34fd3c5d] {
|
||||
gap: 14px;
|
||||
display: grid;
|
||||
}
|
||||
.common-form p[data-v-34fd3c5d],
|
||||
.muted[data-v-34fd3c5d] {
|
||||
margin: 0;
|
||||
}
|
||||
.common-chart header[data-v-34fd3c5d] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
display: flex;
|
||||
}
|
||||
.chart-canvas[data-v-34fd3c5d] {
|
||||
min-width: 0;
|
||||
height: 280px;
|
||||
}
|
||||
.common-body[data-v-34fd3c5d] .p-datatable {
|
||||
max-width: 100%;
|
||||
}
|
||||
@media (width<=600px) {
|
||||
.common-body[data-v-34fd3c5d] {
|
||||
padding: 16px;
|
||||
}
|
||||
.common-chart header[data-v-34fd3c5d] {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
.common-upgrade[data-v-830ee5e4],
|
||||
.upgrade-option[data-v-830ee5e4] {
|
||||
gap: 14px;
|
||||
display: grid;
|
||||
}
|
||||
.upgrade-option[data-v-830ee5e4] {
|
||||
border-bottom: 1px solid var(--p-content-border-color);
|
||||
padding: 18px 0;
|
||||
}
|
||||
.upgrade-toolbar[data-v-830ee5e4] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
display: flex;
|
||||
}
|
||||
.upgrade-option > label[data-v-830ee5e4] {
|
||||
font-weight: 500;
|
||||
}
|
||||
.muted[data-v-830ee5e4],
|
||||
.upgrade-option small[data-v-830ee5e4] {
|
||||
color: var(--p-text-muted-color);
|
||||
}
|
||||
.common-upgrade[data-v-830ee5e4] .p-inputnumber-input {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
.common-upgrade[data-v-830ee5e4] .p-multiselect,
|
||||
.common-upgrade[data-v-830ee5e4] .p-select {
|
||||
max-width: 100%;
|
||||
}
|
||||
@@ -0,0 +1,120 @@
|
||||
.bandwidth-field[data-v-45a9c613] {
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
max-width: 470px;
|
||||
display: flex;
|
||||
}
|
||||
.bandwidth-label[data-v-45a9c613] {
|
||||
color: var(--p-text-color);
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-size: 1rem;
|
||||
line-height: 1.429rem;
|
||||
display: flex;
|
||||
}
|
||||
.bandwidth-help[data-v-45a9c613] {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: var(--p-primary-color);
|
||||
cursor: help;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
display: inline-flex;
|
||||
}
|
||||
.bandwidth-help > i[data-v-45a9c613] {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.bandwidth-help[data-v-45a9c613]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
.bandwidth-capacity[data-v-45a9c613] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 6px;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
box-shadow: 0 1px 2px #0000000a;
|
||||
}
|
||||
.bandwidth-capacity[data-v-45a9c613]:focus-within {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.bandwidth-capacity[data-v-45a9c613] .p-inputnumber {
|
||||
flex: 1;
|
||||
width: 0;
|
||||
min-width: 0;
|
||||
max-width: none;
|
||||
}
|
||||
.bandwidth-capacity[data-v-45a9c613] .p-inputnumber-input {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
min-height: 36px;
|
||||
box-shadow: none;
|
||||
color: var(--p-text-color);
|
||||
opacity: 1;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
padding: 8px 10px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.bandwidth-unit[data-v-45a9c613] {
|
||||
border-left: 1px solid var(--p-content-border-color);
|
||||
color: var(--p-text-muted-color);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0 8px;
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
.bandwidth-slider[data-v-45a9c613] {
|
||||
appearance: none;
|
||||
background: var(--p-content-border-color);
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
width: calc(100% - 14px);
|
||||
height: 3px;
|
||||
margin: 16px 7px 9px;
|
||||
display: block;
|
||||
}
|
||||
.bandwidth-slider[data-v-45a9c613]::-webkit-slider-thumb {
|
||||
appearance: none;
|
||||
border: 2px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 50%;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
box-shadow: 0 1px 2px #0000002e;
|
||||
}
|
||||
.bandwidth-slider[data-v-45a9c613]::-moz-range-thumb {
|
||||
box-sizing: border-box;
|
||||
border: 2px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 50%;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
box-shadow: 0 1px 2px #0000002e;
|
||||
}
|
||||
.bandwidth-slider[data-v-45a9c613]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 9px;
|
||||
}
|
||||
.bandwidth-slider[data-v-45a9c613]:disabled {
|
||||
cursor: default;
|
||||
}
|
||||
.bandwidth-capacity.is-disabled[data-v-45a9c613] {
|
||||
opacity: 0.6;
|
||||
}
|
||||
@media (width<=639px) {
|
||||
.bandwidth-field[data-v-45a9c613] {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
.storage-add[data-v-68361f8e] {
|
||||
border: 2px dashed var(--p-content-border-color);
|
||||
width: 100%;
|
||||
min-height: 200px;
|
||||
color: var(--p-text-muted-color);
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border-radius: 8px;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
padding: 24px;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
}
|
||||
.storage-add > i[data-v-68361f8e] {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.storage-add > small[data-v-68361f8e] {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.286rem;
|
||||
}
|
||||
.storage-add[data-v-68361f8e]:hover:not(:disabled) {
|
||||
border-color: var(--p-primary-color);
|
||||
color: var(--p-primary-color);
|
||||
background: var(--p-highlight-background);
|
||||
}
|
||||
.storage-add[data-v-68361f8e]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
.storage-add[data-v-68361f8e]:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.55;
|
||||
}
|
||||
@media (width<=639px) {
|
||||
.storage-add[data-v-68361f8e] {
|
||||
min-height: 170px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
.storage-field[data-v-83c644c5] {
|
||||
min-width: 0;
|
||||
}
|
||||
.storage-label[data-v-83c644c5] {
|
||||
color: var(--p-text-color);
|
||||
margin-bottom: 12px;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.571rem;
|
||||
}
|
||||
.storage-card[data-v-83c644c5] {
|
||||
border: 2px solid var(--p-primary-color);
|
||||
background: var(--p-highlight-background);
|
||||
min-width: 0;
|
||||
box-shadow: 0 2px 5px
|
||||
color-mix(in srgb, var(--p-primary-color) 15%, transparent);
|
||||
border-radius: 8px;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
padding: 16px;
|
||||
display: flex;
|
||||
}
|
||||
.storage-card-header[data-v-83c644c5] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
min-height: 20px;
|
||||
display: flex;
|
||||
}
|
||||
.storage-card-header strong[data-v-83c644c5] {
|
||||
color: var(--p-highlight-color);
|
||||
overflow-wrap: anywhere;
|
||||
font-size: 1rem;
|
||||
font-weight: 650;
|
||||
line-height: 1.429rem;
|
||||
}
|
||||
.storage-capacity[data-v-83c644c5] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 6px;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
box-shadow: 0 1px 2px #0000000a;
|
||||
}
|
||||
.storage-capacity[data-v-83c644c5]:focus-within {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.storage-capacity[data-v-83c644c5] .p-inputnumber {
|
||||
flex: 1;
|
||||
width: 0;
|
||||
min-width: 0;
|
||||
max-width: none;
|
||||
}
|
||||
.storage-capacity[data-v-83c644c5] .p-inputnumber-input {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
min-height: 36px;
|
||||
box-shadow: none;
|
||||
color: var(--p-text-color);
|
||||
opacity: 1;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
padding: 8px 10px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.storage-unit[data-v-83c644c5] {
|
||||
border-left: 1px solid var(--p-content-border-color);
|
||||
color: var(--p-text-muted-color);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0 8px;
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
.storage-slider[data-v-83c644c5] {
|
||||
appearance: none;
|
||||
background: var(--p-content-border-color);
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
margin: 9px 0;
|
||||
display: block;
|
||||
}
|
||||
.storage-slider[data-v-83c644c5]::-webkit-slider-thumb {
|
||||
appearance: none;
|
||||
border: 2px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 50%;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
box-shadow: 0 1px 2px #0000002e;
|
||||
}
|
||||
.storage-slider[data-v-83c644c5]::-moz-range-thumb {
|
||||
box-sizing: border-box;
|
||||
border: 2px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 50%;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
box-shadow: 0 1px 2px #0000002e;
|
||||
}
|
||||
.storage-slider[data-v-83c644c5]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 9px;
|
||||
}
|
||||
.storage-slider[data-v-83c644c5]:disabled {
|
||||
cursor: default;
|
||||
}
|
||||
.storage-description[data-v-83c644c5] {
|
||||
color: var(--p-primary-color);
|
||||
overflow-wrap: anywhere;
|
||||
margin: 0;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.429rem;
|
||||
}
|
||||
.storage-remove[data-v-83c644c5] {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
color: var(--p-text-muted-color);
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
flex-shrink: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: -3px;
|
||||
padding: 0;
|
||||
display: inline-flex;
|
||||
}
|
||||
.storage-remove[data-v-83c644c5]:hover:not(:disabled) {
|
||||
color: var(--p-red-500);
|
||||
background: var(--p-content-background);
|
||||
}
|
||||
.storage-remove[data-v-83c644c5]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.storage-remove[data-v-83c644c5]:disabled {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
@media (width<=639px) {
|
||||
.storage-card[data-v-83c644c5] {
|
||||
gap: 20px;
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
.resource-range[data-v-5a04c843] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.resource-range[data-v-5a04c843] .p-inputnumber {
|
||||
width: 220px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.resource-range[data-v-5a04c843] .p-inputnumber-input {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
.resource-range[data-v-5a04c843] .p-select {
|
||||
min-width: 150px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.hint[data-v-5a04c843] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
.console-legal-footer[data-v-81b185f4] {
|
||||
border-top: 1px solid var(--console-panel-border, #e2e8f0);
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
flex-shrink: 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.legal-footer-inner[data-v-81b185f4] {
|
||||
text-align: center;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 5px 18px;
|
||||
max-width: 1600px;
|
||||
margin: 0 auto;
|
||||
padding: 18px 14px 22px;
|
||||
display: flex;
|
||||
}
|
||||
.legal-footer-inner[data-v-81b185f4] > * {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
@media print {
|
||||
.console-legal-footer[data-v-81b185f4] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.legal-footer-inner a[data-v-81b185f4] {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
.legal-footer-inner a[data-v-81b185f4]:focus-visible,
|
||||
.legal-footer-inner a[data-v-81b185f4]:hover {
|
||||
color: var(--p-primary-color, #3b82f6);
|
||||
text-underline-offset: 3px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
@media (width<=1023px) {
|
||||
.main:has(.config-mobile-total) .console-legal-footer {
|
||||
margin-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
|
||||
}
|
||||
}
|
||||
@media (width<=640px) {
|
||||
.legal-footer-inner[data-v-81b185f4] {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 16px 14px 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
.action-form[data-v-a1044895] {
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.target[data-v-a1044895] {
|
||||
overflow-wrap: anywhere;
|
||||
margin: 0 0 4px;
|
||||
}
|
||||
.form-grid[data-v-a1044895] {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 14px;
|
||||
display: grid;
|
||||
}
|
||||
.form-grid > div[data-v-a1044895] {
|
||||
flex-direction: column;
|
||||
gap: 7px;
|
||||
display: flex;
|
||||
}
|
||||
.ack[data-v-a1044895] {
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
margin-top: 7px;
|
||||
display: flex;
|
||||
}
|
||||
.ack label[data-v-a1044895] {
|
||||
line-height: 1.5;
|
||||
}
|
||||
.muted[data-v-a1044895] {
|
||||
color: var(--p-text-muted-color);
|
||||
}
|
||||
@media (width<=480px) {
|
||||
.form-grid[data-v-a1044895] {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
.billing[data-v-9a8e05c2] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.billing h3[data-v-9a8e05c2] {
|
||||
margin: 0;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
.rows[data-v-9a8e05c2] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
background: var(--console-panel-bg);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.rows > div[data-v-9a8e05c2] {
|
||||
grid-template-columns: 16.666% minmax(0, 1fr);
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
min-height: 50px;
|
||||
padding: 14px;
|
||||
display: grid;
|
||||
}
|
||||
.rows > div + div[data-v-9a8e05c2] {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
}
|
||||
.rows > div[data-v-9a8e05c2]:nth-child(2n) {
|
||||
background: var(--console-page-bg);
|
||||
}
|
||||
dt[data-v-9a8e05c2] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
dd[data-v-9a8e05c2] {
|
||||
overflow-wrap: anywhere;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
}
|
||||
dd small[data-v-9a8e05c2] {
|
||||
color: var(--p-text-muted-color);
|
||||
flex-basis: 100%;
|
||||
}
|
||||
.order-row[data-v-9a8e05c2] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
background: var(--console-panel-bg);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
gap: 28px;
|
||||
padding: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.muted[data-v-9a8e05c2] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
}
|
||||
.muted a[data-v-9a8e05c2] {
|
||||
margin: 0 3px;
|
||||
}
|
||||
.form[data-v-9a8e05c2] {
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.form p[data-v-9a8e05c2] {
|
||||
margin: 0;
|
||||
}
|
||||
@media (width<=600px) {
|
||||
.rows > div[data-v-9a8e05c2] {
|
||||
grid-template-columns: 95px minmax(0, 1fr);
|
||||
gap: 10px;
|
||||
padding: 12px 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
.defence[data-v-2f38c55b],
|
||||
.form[data-v-2f38c55b] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.defence h3[data-v-2f38c55b] {
|
||||
margin: 0;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
.head[data-v-2f38c55b] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.head h3[data-v-2f38c55b] {
|
||||
margin-right: auto;
|
||||
}
|
||||
.rows[data-v-2f38c55b] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.rows > div[data-v-2f38c55b] {
|
||||
background: var(--console-panel-bg);
|
||||
grid-template-columns: 16.666% minmax(0, 1fr);
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
padding: 10px 14px;
|
||||
display: grid;
|
||||
}
|
||||
.muted[data-v-2f38c55b],
|
||||
dt[data-v-2f38c55b] {
|
||||
color: var(--p-text-muted-color);
|
||||
}
|
||||
dd[data-v-2f38c55b] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
}
|
||||
.unavailable[data-v-2f38c55b] {
|
||||
text-align: center;
|
||||
color: var(--p-text-muted-color);
|
||||
border: 1px solid var(--console-panel-border);
|
||||
background: var(--console-panel-bg);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
margin: 0;
|
||||
padding: 28px;
|
||||
}
|
||||
.form p[data-v-2f38c55b],
|
||||
.muted[data-v-2f38c55b] {
|
||||
overflow-wrap: anywhere;
|
||||
margin: 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.config-error[data-v-2f38c55b] {
|
||||
color: var(--p-text-muted-color);
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
display: flex;
|
||||
}
|
||||
@media (width<=600px) {
|
||||
.rows > div[data-v-2f38c55b] {
|
||||
grid-template-columns: 100px 1fr;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
.domains[data-v-6c2c5ee1] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.toolbar[data-v-6c2c5ee1] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.toolbar h3[data-v-6c2c5ee1] {
|
||||
margin: 0 auto 0 0;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
.domains[data-v-6c2c5ee1] .p-datatable {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.empty[data-v-6c2c5ee1] {
|
||||
text-align: center;
|
||||
color: var(--p-text-muted-color);
|
||||
padding: 28px;
|
||||
}
|
||||
@@ -0,0 +1,425 @@
|
||||
.compact-monitor-slot[data-v-e2d08c68] {
|
||||
min-width: 0;
|
||||
min-height: 154px;
|
||||
}
|
||||
.dcim-manage[data-v-e2d08c68] .p-tablist-tab-list {
|
||||
background: 0 0;
|
||||
gap: 7px;
|
||||
}
|
||||
.dcim-manage[data-v-e2d08c68] .p-tab {
|
||||
color: var(--p-text-muted-color);
|
||||
white-space: nowrap;
|
||||
padding: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.dcim-manage[data-v-e2d08c68] .p-tab-active {
|
||||
color: var(--p-primary-color);
|
||||
}
|
||||
.dcim-manage[data-v-e2d08c68] .p-tabpanels {
|
||||
background: 0 0;
|
||||
padding: 21px 0 0;
|
||||
}
|
||||
.dcim-manage[data-v-e2d08c68] .p-tabpanel {
|
||||
padding: 0;
|
||||
}
|
||||
.overview[data-v-e2d08c68] {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 21px;
|
||||
display: grid;
|
||||
}
|
||||
.stack[data-v-e2d08c68] {
|
||||
flex-direction: column;
|
||||
gap: 21px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.card[data-v-e2d08c68] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
background: var(--console-panel-bg);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
min-width: 0;
|
||||
padding: 14px;
|
||||
}
|
||||
.card h3[data-v-e2d08c68],
|
||||
.detail-content h3[data-v-e2d08c68] {
|
||||
margin: 0 0 14px;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.card-title[data-v-e2d08c68] {
|
||||
width: 100%;
|
||||
font: inherit;
|
||||
color: inherit;
|
||||
cursor: pointer;
|
||||
text-align: left;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
}
|
||||
.card-title i[data-v-e2d08c68] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.card-title[data-v-e2d08c68]:hover {
|
||||
color: var(--p-primary-color);
|
||||
}
|
||||
.card-bottom[data-v-e2d08c68] {
|
||||
width: 100%;
|
||||
margin-top: 28px;
|
||||
}
|
||||
.flow-card[data-v-e2d08c68] .p-progressbar,
|
||||
.network-flow-bar[data-v-e2d08c68] {
|
||||
height: 8px;
|
||||
}
|
||||
.flow-used[data-v-e2d08c68] {
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
margin: 14px 0;
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
.flow-used i[data-v-e2d08c68] {
|
||||
color: var(--p-green-600);
|
||||
}
|
||||
.muted[data-v-e2d08c68] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 14px 0 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.compact-rows[data-v-e2d08c68] {
|
||||
margin: 0;
|
||||
}
|
||||
.compact-rows > div[data-v-e2d08c68] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
min-height: 33px;
|
||||
display: flex;
|
||||
}
|
||||
.compact-rows dt[data-v-e2d08c68] {
|
||||
color: var(--p-text-muted-color);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.compact-rows dd[data-v-e2d08c68] {
|
||||
overflow-wrap: anywhere;
|
||||
text-align: right;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
min-width: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
}
|
||||
.compact-rows dd.muted[data-v-e2d08c68] {
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.compact-rows[data-v-e2d08c68] .p-button {
|
||||
padding: 3px;
|
||||
}
|
||||
.resource-list[data-v-e2d08c68] {
|
||||
flex-direction: column;
|
||||
gap: 21px;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
}
|
||||
.resource-list > div[data-v-e2d08c68] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
min-height: 50px;
|
||||
padding: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.resource-list dt[data-v-e2d08c68] {
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
display: flex;
|
||||
}
|
||||
.resource-list dd[data-v-e2d08c68] {
|
||||
overflow-wrap: anywhere;
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.resource-list small[data-v-e2d08c68] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
}
|
||||
.os[data-v-e2d08c68] {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
margin: 21px 0;
|
||||
display: flex;
|
||||
}
|
||||
.os strong[data-v-e2d08c68] {
|
||||
font-weight: 400;
|
||||
}
|
||||
.quick-actions[data-v-e2d08c68] {
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
margin-top: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.access-quick[data-v-e2d08c68] {
|
||||
margin-top: 35px;
|
||||
}
|
||||
.access-quick[data-v-e2d08c68] .p-button {
|
||||
flex: 1;
|
||||
padding: 9px 10px;
|
||||
}
|
||||
.protection-card[data-v-e2d08c68] {
|
||||
min-height: 310px;
|
||||
}
|
||||
.protection-body[data-v-e2d08c68] {
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 40px 0 14px;
|
||||
display: flex;
|
||||
}
|
||||
.protection-body img[data-v-e2d08c68] {
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
width: 112px;
|
||||
height: 112px;
|
||||
}
|
||||
.protection-body strong[data-v-e2d08c68] {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.protection-body p[data-v-e2d08c68] {
|
||||
margin: 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.protection-body[data-v-e2d08c68] .p-button {
|
||||
padding: 2px;
|
||||
}
|
||||
.help-links[data-v-e2d08c68] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
margin-top: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.help-links a[data-v-e2d08c68] {
|
||||
color: var(--p-text-color);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
}
|
||||
.help-links a[data-v-e2d08c68]:hover {
|
||||
color: var(--p-primary-color);
|
||||
}
|
||||
.network-card > .compact-rows[data-v-e2d08c68] {
|
||||
border-bottom: 1px solid var(--console-panel-border);
|
||||
margin-bottom: 21px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
.detail-content[data-v-e2d08c68] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.detail-content h3[data-v-e2d08c68],
|
||||
.detail-content > .muted[data-v-e2d08c68] {
|
||||
margin: 0;
|
||||
}
|
||||
.detail-content .section-gap[data-v-e2d08c68] {
|
||||
margin-top: 28px;
|
||||
}
|
||||
.detail-content .muted a[data-v-e2d08c68] {
|
||||
margin: 0 4px;
|
||||
}
|
||||
.rows[data-v-e2d08c68] {
|
||||
background: var(--console-panel-bg);
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.rows > div[data-v-e2d08c68] {
|
||||
grid-template-columns: 16.666% minmax(0, 1fr);
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
min-height: 50px;
|
||||
padding: 14px;
|
||||
display: grid;
|
||||
}
|
||||
.rows > div + div[data-v-e2d08c68] {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
}
|
||||
.rows > div[data-v-e2d08c68]:nth-child(2n) {
|
||||
background: var(--console-page-bg);
|
||||
}
|
||||
.rows dt[data-v-e2d08c68] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
.rows dd[data-v-e2d08c68] {
|
||||
overflow-wrap: anywhere;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
}
|
||||
.rows dd.stacked-value[data-v-e2d08c68] {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.stacked-value small[data-v-e2d08c68] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.inline-actions[data-v-e2d08c68],
|
||||
.password-line[data-v-e2d08c68] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
display: flex;
|
||||
}
|
||||
.password-line[data-v-e2d08c68] .p-button {
|
||||
padding: 2px;
|
||||
}
|
||||
.rows dd.ip-table-cell[data-v-e2d08c68] {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 7px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.ip-table-cell[data-v-e2d08c68] .p-datatable {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
width: 100%;
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ip-table-cell[data-v-e2d08c68] > .p-button {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.network-flow-bar[data-v-e2d08c68] {
|
||||
width: 100%;
|
||||
}
|
||||
.stacked-value .flow-used[data-v-e2d08c68] {
|
||||
margin: 0;
|
||||
}
|
||||
.section-head[data-v-e2d08c68] {
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
gap: 14px;
|
||||
}
|
||||
.search[data-v-e2d08c68],
|
||||
.section-head[data-v-e2d08c68] {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.search[data-v-e2d08c68] {
|
||||
gap: 4px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.search[data-v-e2d08c68] input {
|
||||
width: 210px;
|
||||
min-width: 0;
|
||||
}
|
||||
.records-table[data-v-e2d08c68] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.empty[data-v-e2d08c68] {
|
||||
text-align: center;
|
||||
color: var(--p-text-muted-color);
|
||||
padding: 28px;
|
||||
}
|
||||
.inline-error[data-v-e2d08c68] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.load-failure[data-v-e2d08c68] {
|
||||
padding-top: 14px;
|
||||
}
|
||||
.mono[data-v-e2d08c68] {
|
||||
font-family: var(--font-mono, monospace);
|
||||
}
|
||||
@media (width<=1199px) {
|
||||
.overview[data-v-e2d08c68],
|
||||
.stack[data-v-e2d08c68] {
|
||||
gap: 14px;
|
||||
}
|
||||
.resource-list > div[data-v-e2d08c68] {
|
||||
padding: 10px;
|
||||
}
|
||||
.resource-list dd[data-v-e2d08c68] {
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
}
|
||||
@media (width<=950px) {
|
||||
.overview[data-v-e2d08c68] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.stack[data-v-e2d08c68]:last-child {
|
||||
grid-column: 1/-1;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
display: grid;
|
||||
}
|
||||
}
|
||||
@media (width<=600px) {
|
||||
.overview[data-v-e2d08c68] {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.stack[data-v-e2d08c68]:last-child {
|
||||
grid-column: auto;
|
||||
display: flex;
|
||||
}
|
||||
.rows > div[data-v-e2d08c68] {
|
||||
grid-template-columns: 95px minmax(0, 1fr);
|
||||
gap: 10px;
|
||||
padding: 12px 10px;
|
||||
}
|
||||
.rows > div[data-v-e2d08c68]:has(.ip-table-cell) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.rows .ip-table-cell[data-v-e2d08c68] {
|
||||
grid-column: 1/-1;
|
||||
}
|
||||
.dcim-manage[data-v-e2d08c68] .p-tabpanels {
|
||||
padding-top: 14px;
|
||||
}
|
||||
.dcim-manage[data-v-e2d08c68] .p-tab {
|
||||
padding: 12px 10px;
|
||||
}
|
||||
.search[data-v-e2d08c68] {
|
||||
width: 100%;
|
||||
}
|
||||
.search[data-v-e2d08c68] input {
|
||||
flex: 1;
|
||||
}
|
||||
.protection-body[data-v-e2d08c68] {
|
||||
padding-top: 28px;
|
||||
}
|
||||
.resource-list dd[data-v-e2d08c68] {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
.chart-viewport[data-v-eb47944f] {
|
||||
min-width: 0;
|
||||
}
|
||||
.chart-viewport[data-v-eb47944f],
|
||||
.chart-viewport .empty[data-v-eb47944f],
|
||||
.chart-viewport .monitor-error[data-v-eb47944f] {
|
||||
min-height: var(--chart-height);
|
||||
}
|
||||
.monitor[data-v-eb47944f] {
|
||||
min-width: 0;
|
||||
}
|
||||
.monitor[data-v-eb47944f]:not(.compact) {
|
||||
flex-direction: column;
|
||||
gap: 21px;
|
||||
display: flex;
|
||||
}
|
||||
.monitor-panel[data-v-eb47944f] {
|
||||
min-width: 0;
|
||||
}
|
||||
.monitor:not(.compact) .monitor-panel[data-v-eb47944f] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
background: var(--console-panel-bg);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
padding: 14px;
|
||||
}
|
||||
.range[data-v-eb47944f] {
|
||||
flex-wrap: wrap;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.monitor-head[data-v-eb47944f] {
|
||||
border-bottom: 1px solid var(--console-panel-border);
|
||||
align-items: center;
|
||||
margin-bottom: 14px;
|
||||
padding-bottom: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.monitor-head h3[data-v-eb47944f] {
|
||||
margin: 0;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
.legend[data-v-eb47944f] {
|
||||
color: var(--p-text-muted-color);
|
||||
gap: 14px;
|
||||
margin-bottom: 7px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.legend[data-v-eb47944f],
|
||||
.legend span[data-v-eb47944f] {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.legend span[data-v-eb47944f] {
|
||||
gap: 5px;
|
||||
}
|
||||
.legend i[data-v-eb47944f] {
|
||||
border-radius: 2px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
.incoming[data-v-eb47944f] {
|
||||
background: #1687d9;
|
||||
}
|
||||
.outgoing[data-v-eb47944f] {
|
||||
background: #29b6d8;
|
||||
}
|
||||
.legend small[data-v-eb47944f] {
|
||||
margin-left: auto;
|
||||
}
|
||||
.empty[data-v-eb47944f] {
|
||||
min-height: 126px;
|
||||
color: var(--p-text-muted-color);
|
||||
place-items: center;
|
||||
margin: 0;
|
||||
display: grid;
|
||||
}
|
||||
.monitor-error[data-v-eb47944f] {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
min-height: 126px;
|
||||
display: flex;
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
.task-status[data-v-d99d9473] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
min-height: 36px;
|
||||
display: flex;
|
||||
}
|
||||
.task-error[data-v-d99d9473] {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
max-width: min(100%, 480px);
|
||||
color: var(--p-red-600);
|
||||
overflow: hidden;
|
||||
}
|
||||
@media (width<=600px) {
|
||||
.task-status[data-v-d99d9473] {
|
||||
align-content: center;
|
||||
min-height: 70px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
.dcim-upgrade[data-v-790898bc] {
|
||||
gap: 14px;
|
||||
display: grid;
|
||||
}
|
||||
.dcim-upgrade label[data-v-790898bc] {
|
||||
gap: 8px;
|
||||
display: grid;
|
||||
}
|
||||
.dcim-upgrade fieldset[data-v-790898bc] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
border-radius: 6px;
|
||||
gap: 12px;
|
||||
display: grid;
|
||||
}
|
||||
.dcim-upgrade p[data-v-790898bc] {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
.hint[data-v-1ac7876b] {
|
||||
color: var(--p-text-muted-color);
|
||||
overflow-wrap: anywhere;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.required-mark[data-v-1ac7876b] {
|
||||
color: var(--p-red-500);
|
||||
}
|
||||
.storage-grid[data-v-1ac7876b] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
align-items: start;
|
||||
gap: 16px;
|
||||
display: grid;
|
||||
}
|
||||
.storage-fixed-capacity[data-v-1ac7876b] {
|
||||
color: var(--p-text-color);
|
||||
align-items: baseline;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.storage-fixed-capacity strong[data-v-1ac7876b] {
|
||||
font-size: 1.75rem;
|
||||
font-weight: 650;
|
||||
line-height: 1.25;
|
||||
}
|
||||
.storage-fixed-capacity span[data-v-1ac7876b] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 1rem;
|
||||
}
|
||||
@media (width<=639px) {
|
||||
.storage-grid[data-v-1ac7876b] {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,143 @@
|
||||
.block[data-v-ca0029df] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.block-title[data-v-ca0029df] {
|
||||
margin: 0;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.block-desc[data-v-ca0029df] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.info-table[data-v-ca0029df] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
background: var(--console-panel-bg);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.kv[data-v-ca0029df] {
|
||||
grid-template-columns: 16.6667% minmax(0, 1fr);
|
||||
align-items: center;
|
||||
min-height: 49px;
|
||||
font-size: 1rem;
|
||||
display: grid;
|
||||
}
|
||||
.kv[data-v-ca0029df] > * {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
padding: 14px;
|
||||
}
|
||||
.kv[data-v-ca0029df]:nth-child(2n) {
|
||||
background: var(--console-page-bg);
|
||||
}
|
||||
.kv + .kv[data-v-ca0029df] {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
}
|
||||
.kv > span[data-v-ca0029df] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
font-weight: 600;
|
||||
}
|
||||
.kv > b[data-v-ca0029df] {
|
||||
font-weight: 500;
|
||||
}
|
||||
.action-cell[data-v-ca0029df] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.action-cell[data-v-ca0029df] .p-button {
|
||||
max-width: 100%;
|
||||
}
|
||||
.info-table .pk-empty[data-v-ca0029df] {
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
@media (width<=767px) {
|
||||
.kv[data-v-ca0029df] {
|
||||
grid-template-columns: 100px minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
.pk-list[data-v-ca0029df] {
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
display: flex;
|
||||
}
|
||||
.pk-row[data-v-ca0029df] {
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 6px 0;
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
.pk-row + .pk-row[data-v-ca0029df] {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
}
|
||||
.pk-name[data-v-ca0029df] {
|
||||
flex: 160px;
|
||||
min-width: 0;
|
||||
}
|
||||
.pk-expire[data-v-ca0029df] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.pk-grid[data-v-ca0029df] {
|
||||
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
|
||||
gap: 12px;
|
||||
display: grid;
|
||||
}
|
||||
.pk-card[data-v-ca0029df] {
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
text-align: center;
|
||||
border-radius: 12px;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 14px 12px;
|
||||
display: flex;
|
||||
}
|
||||
.pk-card-disabled[data-v-ca0029df] {
|
||||
opacity: 0.55;
|
||||
}
|
||||
.pk-card-name[data-v-ca0029df] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.pk-card-cap[data-v-ca0029df] {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.pk-card-price[data-v-ca0029df] {
|
||||
color: var(--p-primary-color, #10b981);
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.pk-card-tags[data-v-ca0029df] {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
display: flex;
|
||||
}
|
||||
.pk-card-note[data-v-ca0029df] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.pk-card-note[data-v-ca0029df],
|
||||
.pk-empty[data-v-ca0029df] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
.pk-empty[data-v-ca0029df] {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
.geetest-field[data-v-4cd14cdc] {
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.geetest-trigger[data-v-4cd14cdc] {
|
||||
border: 1px solid var(--p-form-field-border-color);
|
||||
border-radius: var(--p-inputtext-border-radius, 6px);
|
||||
background: var(--p-content-background);
|
||||
width: 100%;
|
||||
min-height: 44px;
|
||||
color: var(--p-text-color);
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 10px 12px;
|
||||
display: flex;
|
||||
}
|
||||
.geetest-trigger[data-v-4cd14cdc]:hover:not(:disabled) {
|
||||
border-color: var(--p-primary-color);
|
||||
}
|
||||
.geetest-trigger[data-v-4cd14cdc]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.geetest-trigger[data-v-4cd14cdc]:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.65;
|
||||
}
|
||||
.geetest-trigger.verified[data-v-4cd14cdc] {
|
||||
border-color: var(--p-green-500, #22c55e);
|
||||
color: var(--p-green-600, #16a34a);
|
||||
background: color-mix(
|
||||
in srgb,
|
||||
var(--p-green-500, #22c55e) 8%,
|
||||
var(--p-content-background)
|
||||
);
|
||||
}
|
||||
.geetest-trigger.has-error[data-v-4cd14cdc] {
|
||||
border-color: var(--p-red-500, #ef4444);
|
||||
color: var(--p-red-600, #dc2626);
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
.oauth-providers[data-v-45e5a5aa] {
|
||||
text-align: center;
|
||||
gap: 12px;
|
||||
margin-top: 20px;
|
||||
display: grid;
|
||||
}
|
||||
.oauth-buttons[data-v-45e5a5aa] {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.oauth-buttons img[data-v-45e5a5aa] {
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.oauth-providers a[data-v-45e5a5aa] {
|
||||
color: var(--p-primary-color);
|
||||
font-size: 13px;
|
||||
}
|
||||
@@ -0,0 +1,104 @@
|
||||
.gs[data-v-bc4d898a] {
|
||||
margin-right: 4px;
|
||||
position: relative;
|
||||
}
|
||||
.gs-input[data-v-bc4d898a] {
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
background: var(--p-content-background);
|
||||
width: 220px;
|
||||
height: 32px;
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
border-radius: 8px;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 0 10px;
|
||||
display: flex;
|
||||
}
|
||||
.gs-input input[data-v-bc4d898a] {
|
||||
min-width: 0;
|
||||
color: var(--p-text-color);
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
outline: none;
|
||||
flex: 1;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.gs-input[data-v-bc4d898a]:focus-within {
|
||||
border-color: var(--p-primary-color);
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.gs-panel[data-v-bc4d898a] {
|
||||
background: var(--p-content-background);
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
z-index: 200;
|
||||
border-radius: 10px;
|
||||
width: min(320px, 100vw - 32px);
|
||||
max-height: 380px;
|
||||
padding: 6px;
|
||||
position: absolute;
|
||||
top: 38px;
|
||||
right: 0;
|
||||
overflow-y: auto;
|
||||
box-shadow: 0 10px 30px #0f172a1f;
|
||||
}
|
||||
.gs-state[data-v-bc4d898a] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 18px 0;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.gs-error[data-v-bc4d898a] {
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
padding: 16px 10px;
|
||||
}
|
||||
.gs-retry[data-v-bc4d898a] {
|
||||
color: var(--p-primary-color);
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
padding: 6px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.gs-item[data-v-bc4d898a]:focus-visible,
|
||||
.gs-retry[data-v-bc4d898a]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.gs-group + .gs-group[data-v-bc4d898a] {
|
||||
border-top: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
margin-top: 4px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.gs-group-title[data-v-bc4d898a] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
padding: 6px 10px 4px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.gs-item[data-v-bc4d898a] {
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 6px;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
width: 100%;
|
||||
padding: 7px 10px;
|
||||
display: flex;
|
||||
}
|
||||
.gs-item[data-v-bc4d898a]:hover {
|
||||
background: var(--p-content-hover-background);
|
||||
}
|
||||
.gs-item-name[data-v-bc4d898a] {
|
||||
color: var(--p-text-color);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.gs-item-sub[data-v-bc4d898a] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.chart-wrap[data-v-90c11ad2] {
|
||||
padding: 0 10px 10px;
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
.home-list[data-v-9017f053] {
|
||||
padding: 0 18px 14px;
|
||||
}
|
||||
.home-row[data-v-9017f053],
|
||||
.home-row-skeleton[data-v-9017f053] {
|
||||
min-height: 64px;
|
||||
padding-inline: 4px;
|
||||
}
|
||||
.due-badge[data-v-9017f053] {
|
||||
background: var(--p-content-hover-background);
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
white-space: nowrap;
|
||||
border-radius: 20px;
|
||||
flex-shrink: 0;
|
||||
padding: 2px 8px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
.home-list[data-v-a93c47c1] {
|
||||
padding: 0 18px;
|
||||
}
|
||||
.home-row-skeleton[data-v-a93c47c1] {
|
||||
box-sizing: border-box;
|
||||
height: calc(2.715rem + 28px);
|
||||
padding: 12px 4px;
|
||||
}
|
||||
.notice-row[data-v-a93c47c1] {
|
||||
border: none;
|
||||
border-bottom: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
cursor: pointer;
|
||||
text-align: left;
|
||||
background: 0 0;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 3px;
|
||||
width: 100%;
|
||||
min-height: 64px;
|
||||
padding-inline: 4px;
|
||||
font-family: inherit;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.notice-title[data-v-a93c47c1] {
|
||||
width: 100%;
|
||||
}
|
||||
.notice-row[data-v-a93c47c1]:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.notice-row:hover .notice-title[data-v-a93c47c1] {
|
||||
color: var(--p-primary-color, #0052d9);
|
||||
}
|
||||
.notice-row[data-v-a93c47c1]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color, #0052d9);
|
||||
outline-offset: -2px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.detail-time[data-v-a93c47c1] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
margin-bottom: 12px;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.detail-content[data-v-a93c47c1] {
|
||||
overflow-wrap: anywhere;
|
||||
font-size: 1rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.detail-content[data-v-a93c47c1] img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.detail-content[data-v-a93c47c1] pre,
|
||||
.detail-content[data-v-a93c47c1] table {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
}
|
||||
@@ -0,0 +1,156 @@
|
||||
.home-referral[data-v-8690c3a5] {
|
||||
container-type: inline-size;
|
||||
}
|
||||
.home-card-head[data-v-8690c3a5] {
|
||||
border-bottom: 1px solid var(--p-content-border-color);
|
||||
}
|
||||
.referral-body[data-v-8690c3a5] {
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
gap: 24px;
|
||||
padding: 24px;
|
||||
display: flex;
|
||||
}
|
||||
.referral-overview[data-v-8690c3a5],
|
||||
.referral-stats[data-v-8690c3a5] {
|
||||
gap: 20px;
|
||||
margin: 0;
|
||||
display: grid;
|
||||
}
|
||||
.referral-overview[data-v-8690c3a5] {
|
||||
grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
|
||||
align-items: start;
|
||||
}
|
||||
.referral-overview dt[data-v-8690c3a5],
|
||||
.referral-stats dt[data-v-8690c3a5] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.286rem;
|
||||
}
|
||||
.referral-overview dd[data-v-8690c3a5],
|
||||
.referral-stats dd[data-v-8690c3a5] {
|
||||
font-variant-numeric: tabular-nums;
|
||||
overflow-wrap: anywhere;
|
||||
margin: 8px 0 0;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.referral-overview small[data-v-8690c3a5],
|
||||
.referral-stats small[data-v-8690c3a5] {
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.referral-balance dd[data-v-8690c3a5] {
|
||||
letter-spacing: -0.5px;
|
||||
color: var(--p-primary-color);
|
||||
font-size: 1.875rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.referral-balance dd small[data-v-8690c3a5] {
|
||||
margin-right: 4px;
|
||||
}
|
||||
.referral-invitees[data-v-8690c3a5] {
|
||||
border-left: 1px solid var(--p-content-border-color);
|
||||
padding-left: 20px;
|
||||
}
|
||||
.referral-invitees dd[data-v-8690c3a5] {
|
||||
font-size: 1.625rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.referral-invitees dd small[data-v-8690c3a5] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin-left: 6px;
|
||||
}
|
||||
.referral-stats[data-v-8690c3a5] {
|
||||
border-top: 1px solid var(--p-content-border-color);
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
padding-top: 20px;
|
||||
}
|
||||
.referral-stat[data-v-8690c3a5] {
|
||||
min-width: 0;
|
||||
}
|
||||
.referral-stat dd[data-v-8690c3a5] {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.referral-stat small[data-v-8690c3a5] {
|
||||
margin-right: 3px;
|
||||
}
|
||||
.referral-footer[data-v-8690c3a5] {
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 8px 16px;
|
||||
margin-top: auto;
|
||||
display: flex;
|
||||
}
|
||||
.referral-footer p[data-v-8690c3a5] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.referral-details[data-v-8690c3a5] {
|
||||
min-height: 32px;
|
||||
color: var(--p-primary-color);
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-size: 0.9375rem;
|
||||
text-decoration: none;
|
||||
display: inline-flex;
|
||||
}
|
||||
.referral-details[data-v-8690c3a5]:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.referral-details i[data-v-8690c3a5] {
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
.referral-empty[data-v-8690c3a5] {
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
gap: 14px;
|
||||
}
|
||||
.referral-empty h3[data-v-8690c3a5] {
|
||||
margin: 0;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.referral-empty p[data-v-8690c3a5] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.referral-empty .home-button[data-v-8690c3a5] {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.referral-loading[data-v-8690c3a5] {
|
||||
gap: 14px;
|
||||
}
|
||||
.referral-placeholders[data-v-8690c3a5] {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 20px;
|
||||
margin-top: 18px;
|
||||
display: grid;
|
||||
}
|
||||
@container (width<=380px) {
|
||||
.referral-body[data-v-8690c3a5] {
|
||||
gap: 20px;
|
||||
padding: 20px 16px;
|
||||
}
|
||||
.referral-overview[data-v-8690c3a5] {
|
||||
gap: 12px;
|
||||
}
|
||||
.referral-balance dd[data-v-8690c3a5] {
|
||||
font-size: 1.625rem;
|
||||
}
|
||||
.referral-invitees[data-v-8690c3a5] {
|
||||
padding-left: 12px;
|
||||
}
|
||||
.referral-invitees dd[data-v-8690c3a5] {
|
||||
font-size: 1.625rem;
|
||||
}
|
||||
.referral-stats[data-v-8690c3a5] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 16px 12px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,107 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
.home-list[data-v-bacdfa58] {
|
||||
padding: 0 18px;
|
||||
}
|
||||
.home-row-skeleton[data-v-bacdfa58] {
|
||||
box-sizing: border-box;
|
||||
height: calc(2.715rem + 28px);
|
||||
padding: 12px 4px;
|
||||
}
|
||||
.home-row[data-v-bacdfa58] {
|
||||
min-height: 64px;
|
||||
padding-inline: 4px;
|
||||
}
|
||||
.ticket-status[data-v-bacdfa58] {
|
||||
white-space: nowrap;
|
||||
color: #fff;
|
||||
border-radius: 20px;
|
||||
flex-shrink: 0;
|
||||
padding: 3px 7px;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
.stat-grid[data-v-6971a1b9] {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 8px;
|
||||
padding: 14px 18px;
|
||||
display: grid;
|
||||
}
|
||||
.stat-chip[data-v-6971a1b9] {
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
background: var(--p-content-background);
|
||||
border-left-width: 3px;
|
||||
border-radius: 8px;
|
||||
align-items: baseline;
|
||||
gap: 8px;
|
||||
padding: 10px 12px;
|
||||
text-decoration: none;
|
||||
transition: background 0.15s;
|
||||
display: flex;
|
||||
}
|
||||
.stat-chip[data-v-6971a1b9]:hover {
|
||||
background: var(--p-content-hover-background);
|
||||
}
|
||||
.stat-num[data-v-6971a1b9] {
|
||||
color: var(--p-text-color);
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.stat-name[data-v-6971a1b9] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
.wallet-body[data-v-0dbd1f86] {
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
padding-top: 28px;
|
||||
display: flex;
|
||||
}
|
||||
.balance-label[data-v-0dbd1f86] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 1rem;
|
||||
}
|
||||
.balance-value[data-v-0dbd1f86] {
|
||||
color: var(--p-text-color);
|
||||
margin-top: 7px;
|
||||
font-size: 1.75rem;
|
||||
font-weight: 400;
|
||||
line-height: 2.571rem;
|
||||
}
|
||||
.wallet-actions[data-v-0dbd1f86] {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 7px;
|
||||
margin-top: auto;
|
||||
padding-top: 16px;
|
||||
display: grid;
|
||||
}
|
||||
.wallet-actions-single[data-v-0dbd1f86] {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.wallet-actions[data-v-0dbd1f86] .p-button {
|
||||
min-height: 36px;
|
||||
}
|
||||
@media (width<=639px) {
|
||||
.wallet-body[data-v-0dbd1f86] {
|
||||
padding-top: 28px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,328 @@
|
||||
.traffic-error[data-v-e23fddb0] {
|
||||
color: var(--p-text-muted-color);
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
display: flex;
|
||||
}
|
||||
.catalog-empty-action[data-v-e23fddb0] {
|
||||
border: 1px solid var(--p-primary-color);
|
||||
background: var(--p-primary-color);
|
||||
min-height: 36px;
|
||||
color: var(--p-primary-contrast-color);
|
||||
border-radius: 5px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 8px 14px;
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
display: inline-flex;
|
||||
}
|
||||
.catalog-empty-action[data-v-e23fddb0]:hover {
|
||||
background: var(--p-primary-hover-color);
|
||||
}
|
||||
.catalog-empty-action[data-v-e23fddb0]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
.host-list-page .list-toolbar[data-v-e23fddb0] {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.host-list-page .list-toolbar-right[data-v-e23fddb0] {
|
||||
width: 100%;
|
||||
}
|
||||
.list-description[data-v-e23fddb0] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
margin: 6px 0 0;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.host-search[data-v-e23fddb0] {
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.host-detail-link[data-v-e23fddb0] {
|
||||
color: var(--p-text-color);
|
||||
border-radius: 3px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.host-detail-link[data-v-e23fddb0]:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.host-detail-link[data-v-e23fddb0]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color, #0052d9);
|
||||
outline-offset: 4px;
|
||||
}
|
||||
.host-name[data-v-e23fddb0] {
|
||||
font-weight: 400;
|
||||
}
|
||||
.host-product[data-v-e23fddb0] {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 4px;
|
||||
max-width: 280px;
|
||||
display: flex;
|
||||
}
|
||||
.host-notes-edit[data-v-e23fddb0] {
|
||||
max-width: 100%;
|
||||
min-height: 24px;
|
||||
color: var(--p-text-muted-color);
|
||||
font: inherit;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 3px;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 0;
|
||||
font-size: max(12px, 0.8125rem);
|
||||
line-height: 1.5;
|
||||
display: inline-flex;
|
||||
}
|
||||
.host-notes-edit[data-v-e23fddb0]:hover {
|
||||
color: var(--p-primary-color);
|
||||
}
|
||||
.host-notes-edit[data-v-e23fddb0]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
.host-notes-edit > i[data-v-e23fddb0] {
|
||||
flex-shrink: 0;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.host-notes-text[data-v-e23fddb0] {
|
||||
-webkit-line-clamp: 2;
|
||||
white-space: pre-wrap;
|
||||
overflow-wrap: anywhere;
|
||||
-webkit-box-orient: vertical;
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
.host-notes-form[data-v-e23fddb0] {
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.host-notes-context[data-v-e23fddb0] {
|
||||
color: var(--p-text-muted-color);
|
||||
overflow-wrap: anywhere;
|
||||
margin: 0 0 4px;
|
||||
}
|
||||
.table-scroll-hint[data-v-e23fddb0] {
|
||||
display: none;
|
||||
}
|
||||
.host-traffic[data-v-e23fddb0] {
|
||||
--traffic-accent: var(--p-green-600, #16a34a);
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
min-width: 215px;
|
||||
max-width: 280px;
|
||||
min-height: 40px;
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
.traffic-track[data-v-e23fddb0] {
|
||||
background: var(--p-content-border-color, #e2e8f0);
|
||||
border-radius: 999px;
|
||||
height: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.traffic-track-fill[data-v-e23fddb0] {
|
||||
border-radius: inherit;
|
||||
background: var(--traffic-accent);
|
||||
height: 100%;
|
||||
}
|
||||
.traffic-usage[data-v-e23fddb0] {
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
}
|
||||
.traffic-usage > i[data-v-e23fddb0] {
|
||||
color: var(--traffic-accent);
|
||||
flex-shrink: 0;
|
||||
font-size: 1.0625rem;
|
||||
}
|
||||
.traffic-period[data-v-e23fddb0] {
|
||||
color: var(--p-text-muted-color);
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
font-size: 0.8125rem;
|
||||
line-height: 1;
|
||||
display: flex;
|
||||
}
|
||||
.traffic-period > i[data-v-e23fddb0] {
|
||||
font-size: 0.625rem;
|
||||
}
|
||||
.traffic-note[data-v-e23fddb0] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.traffic-unlimited[data-v-e23fddb0] {
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.traffic-infinity[data-v-e23fddb0] {
|
||||
border: 1px solid color-mix(in srgb, var(--traffic-accent) 18%, transparent);
|
||||
background: color-mix(in srgb, var(--traffic-accent) 7%, transparent);
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
color: var(--traffic-accent);
|
||||
border-radius: 8px;
|
||||
flex-shrink: 0;
|
||||
place-items: center;
|
||||
font-size: 1.75rem;
|
||||
line-height: 1;
|
||||
display: grid;
|
||||
}
|
||||
.traffic-unlimited-copy[data-v-e23fddb0] {
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
display: flex;
|
||||
}
|
||||
.traffic-unlimited-label[data-v-e23fddb0] {
|
||||
font-weight: 500;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.traffic-unlimited-copy > small[data-v-e23fddb0] {
|
||||
font-size: 0.8125rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.app-dark .host-traffic {
|
||||
--traffic-accent: var(--p-green-400, #4ade80);
|
||||
}
|
||||
.muted[data-v-e23fddb0] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
.os-cell[data-v-e23fddb0] {
|
||||
overflow-wrap: anywhere;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
display: inline-flex;
|
||||
}
|
||||
.bulk-count[data-v-e23fddb0] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
margin-right: 4px;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.bulk-hint[data-v-e23fddb0] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.batch-dlg[data-v-e23fddb0] {
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
display: flex;
|
||||
}
|
||||
.confirm-text[data-v-e23fddb0] {
|
||||
color: var(--p-text-color, #334155);
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.renew-dlg[data-v-e23fddb0] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.renew-hint[data-v-e23fddb0] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.renew-prod[data-v-e23fddb0] {
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
display: flex;
|
||||
}
|
||||
.renew-name[data-v-e23fddb0] {
|
||||
font-weight: 500;
|
||||
}
|
||||
.renew-host[data-v-e23fddb0] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.renew-select[data-v-e23fddb0] {
|
||||
width: 100%;
|
||||
}
|
||||
.renew-promo[data-v-e23fddb0] {
|
||||
width: 100%;
|
||||
min-width: 140px;
|
||||
}
|
||||
.renew-price[data-v-e23fddb0] {
|
||||
color: #ef4444;
|
||||
font-weight: 500;
|
||||
}
|
||||
.renew-total[data-v-e23fddb0] {
|
||||
border-top: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
justify-content: flex-end;
|
||||
align-items: baseline;
|
||||
gap: 8px;
|
||||
padding-top: 12px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.renew-total b[data-v-e23fddb0] {
|
||||
color: #ef4444;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
.nowrap[data-v-e23fddb0] {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.form-row[data-v-e23fddb0] {
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.form-row > label[data-v-e23fddb0] {
|
||||
width: 70px;
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
flex-shrink: 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
@media (width<=768px) {
|
||||
.list-toolbar-right > .host-search[data-v-e23fddb0] {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
.host-search .list-search[data-v-e23fddb0] {
|
||||
flex: 1;
|
||||
width: auto;
|
||||
min-width: 0;
|
||||
}
|
||||
.list-foot .list-bulk > .p-button[data-v-e23fddb0] {
|
||||
flex: 1;
|
||||
}
|
||||
.host-search > .p-button[data-v-e23fddb0] {
|
||||
flex: none;
|
||||
}
|
||||
.list-foot .list-bulk[data-v-e23fddb0] {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.table-scroll-hint[data-v-e23fddb0] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
margin: -8px 0 0;
|
||||
font-size: 0.875rem;
|
||||
display: flex;
|
||||
}
|
||||
.form-row[data-v-e23fddb0] {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 8px;
|
||||
}
|
||||
.form-row[data-v-e23fddb0] .p-password-input {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,284 @@
|
||||
.ac[data-v-cd28d8b4] {
|
||||
gap: 42px;
|
||||
}
|
||||
.ac[data-v-cd28d8b4],
|
||||
.block[data-v-cd28d8b4] {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
}
|
||||
.block[data-v-cd28d8b4] {
|
||||
gap: 14px;
|
||||
min-width: 0;
|
||||
}
|
||||
.block-title[data-v-cd28d8b4] {
|
||||
margin: 0;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.block-desc[data-v-cd28d8b4] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: -7px 0 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.info-table[data-v-cd28d8b4] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
background: var(--console-panel-bg);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.kv[data-v-cd28d8b4] {
|
||||
grid-template-columns: 16.6667% minmax(0, 1fr);
|
||||
align-items: center;
|
||||
min-height: 49px;
|
||||
display: grid;
|
||||
}
|
||||
.kv + .kv[data-v-cd28d8b4] {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
}
|
||||
.kv[data-v-cd28d8b4]:nth-child(2n) {
|
||||
background: var(--console-page-bg);
|
||||
}
|
||||
.kv > span[data-v-cd28d8b4] {
|
||||
color: var(--p-text-muted-color);
|
||||
padding: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.kv > div[data-v-cd28d8b4] {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
padding: 14px;
|
||||
}
|
||||
.action-cell[data-v-cd28d8b4],
|
||||
.password-cell[data-v-cd28d8b4] {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 7px;
|
||||
display: flex;
|
||||
}
|
||||
.password-value[data-v-cd28d8b4] {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.dialog-error[data-v-cd28d8b4] {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.act[data-v-cd28d8b4] {
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
flex-shrink: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
font-size: 0.875rem;
|
||||
display: inline-flex;
|
||||
}
|
||||
.act.ok[data-v-cd28d8b4],
|
||||
.act[data-v-cd28d8b4]:hover {
|
||||
color: var(--p-primary-color, #10b981);
|
||||
}
|
||||
.block-actions[data-v-cd28d8b4] {
|
||||
gap: 8px;
|
||||
padding-top: 4px;
|
||||
display: flex;
|
||||
}
|
||||
.repair[data-v-cd28d8b4] {
|
||||
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
|
||||
gap: 14px;
|
||||
display: grid;
|
||||
}
|
||||
.repair-item[data-v-cd28d8b4] {
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
border-radius: 10px;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
padding: 14px 16px;
|
||||
display: flex;
|
||||
}
|
||||
.repair-name[data-v-cd28d8b4] {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.repair-desc[data-v-cd28d8b4] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
flex: 1;
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.re-form[data-v-cd28d8b4] {
|
||||
flex-direction: column;
|
||||
gap: 21px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
}
|
||||
.re-notice[data-v-cd28d8b4] {
|
||||
border: 1px solid color-mix(in srgb, var(--p-primary-color) 22%, transparent);
|
||||
background: color-mix(
|
||||
in srgb,
|
||||
var(--p-primary-color) 8%,
|
||||
var(--console-panel-bg)
|
||||
);
|
||||
color: var(--p-primary-color);
|
||||
border-radius: 6px;
|
||||
margin-bottom: 14px;
|
||||
padding: 14px;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.75;
|
||||
}
|
||||
.re-notice h4[data-v-cd28d8b4] {
|
||||
margin: 0 0 7px;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.re-notice ol[data-v-cd28d8b4] {
|
||||
margin: 0;
|
||||
padding-left: 16px;
|
||||
}
|
||||
.re-snapshot[data-v-cd28d8b4] {
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
.re-form .form-row[data-v-cd28d8b4] {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 7px;
|
||||
}
|
||||
.re-form .form-row > .field-label[data-v-cd28d8b4],
|
||||
.re-form .form-row > label[data-v-cd28d8b4] {
|
||||
width: auto;
|
||||
color: var(--p-text-color);
|
||||
font-size: 1rem;
|
||||
}
|
||||
.re-form .form-row > .grow[data-v-cd28d8b4] {
|
||||
flex: none;
|
||||
width: 100%;
|
||||
}
|
||||
.re-login[data-v-cd28d8b4] {
|
||||
border: 0;
|
||||
min-width: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.re-login legend[data-v-cd28d8b4] {
|
||||
margin-bottom: 7px;
|
||||
padding: 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.re-choice[data-v-cd28d8b4],
|
||||
.re-login-options[data-v-cd28d8b4] {
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
display: flex;
|
||||
}
|
||||
.re-login-options[data-v-cd28d8b4] {
|
||||
flex-wrap: wrap;
|
||||
gap: 14px;
|
||||
}
|
||||
.re-choice label[data-v-cd28d8b4] {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.re-password[data-v-cd28d8b4] {
|
||||
align-items: stretch;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.re-password[data-v-cd28d8b4] > :first-child {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.re-password[data-v-cd28d8b4] .p-button {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.re-format-warning[data-v-cd28d8b4] .p-message-content {
|
||||
gap: 7px;
|
||||
padding: 5px 7px;
|
||||
}
|
||||
.re-format-warning[data-v-cd28d8b4] .p-message-icon,
|
||||
.re-format-warning[data-v-cd28d8b4] .p-message-text {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.form-list[data-v-cd28d8b4] {
|
||||
flex-direction: column;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.form-list[data-v-cd28d8b4],
|
||||
.form-row[data-v-cd28d8b4] {
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.form-row[data-v-cd28d8b4] {
|
||||
align-items: center;
|
||||
}
|
||||
.form-row > .field-label[data-v-cd28d8b4],
|
||||
.form-row > label[data-v-cd28d8b4] {
|
||||
width: 80px;
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
flex-shrink: 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.form-row > label.cb-label[data-v-cd28d8b4] {
|
||||
white-space: nowrap;
|
||||
width: auto;
|
||||
}
|
||||
.grow[data-v-cd28d8b4] {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
.os-opt[data-v-cd28d8b4] {
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.os-opt span[data-v-cd28d8b4] {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.hint[data-v-cd28d8b4] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.re-actions[data-v-cd28d8b4] {
|
||||
justify-content: flex-end;
|
||||
display: flex;
|
||||
}
|
||||
.dlg[data-v-cd28d8b4] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.confirm-text[data-v-cd28d8b4] {
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
@media (width<=480px) {
|
||||
.kv[data-v-cd28d8b4] {
|
||||
grid-template-columns: 100px minmax(0, 1fr);
|
||||
}
|
||||
.kv > div[data-v-cd28d8b4],
|
||||
.kv > span[data-v-cd28d8b4] {
|
||||
padding: 12px;
|
||||
}
|
||||
.form-row[data-v-cd28d8b4] {
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
.form-row > .field-label[data-v-cd28d8b4],
|
||||
.form-row > label[data-v-cd28d8b4]:not(.cb-label) {
|
||||
width: 100%;
|
||||
}
|
||||
.form-row > .grow[data-v-cd28d8b4] {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,143 @@
|
||||
.bill[data-v-4e83e0f6] {
|
||||
gap: 28px;
|
||||
}
|
||||
.bill[data-v-4e83e0f6],
|
||||
.block[data-v-4e83e0f6] {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
}
|
||||
.block[data-v-4e83e0f6] {
|
||||
gap: 14px;
|
||||
}
|
||||
.block-title[data-v-4e83e0f6] {
|
||||
margin: 0;
|
||||
font-size: 1.0625rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.info-table[data-v-4e83e0f6] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
background: var(--console-panel-bg);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.kv[data-v-4e83e0f6] {
|
||||
grid-template-columns: 16.6667% minmax(0, 1fr);
|
||||
align-items: center;
|
||||
min-height: 49px;
|
||||
display: grid;
|
||||
}
|
||||
.kv + .kv[data-v-4e83e0f6] {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
}
|
||||
.kv[data-v-4e83e0f6]:nth-child(2n) {
|
||||
background: var(--console-page-bg);
|
||||
}
|
||||
.kv[data-v-4e83e0f6] > :first-child {
|
||||
color: var(--p-text-muted-color);
|
||||
padding: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.kv[data-v-4e83e0f6] > :last-child {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
padding: 14px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.kv[data-v-4e83e0f6] > .p-tag {
|
||||
justify-self: start;
|
||||
margin: 14px;
|
||||
padding: 2px 7px;
|
||||
}
|
||||
.action-cell[data-v-4e83e0f6] {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.action-cell[data-v-4e83e0f6] .p-button {
|
||||
max-width: 100%;
|
||||
}
|
||||
.upgrade-desc[data-v-4e83e0f6] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.upgrade-dialog-body[data-v-4e83e0f6] {
|
||||
flex-direction: column;
|
||||
gap: 18px;
|
||||
display: flex;
|
||||
}
|
||||
.upgrade-dialog-body p[data-v-4e83e0f6] {
|
||||
margin: 8px 0 0;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.upgrade-panel[data-v-4e83e0f6] {
|
||||
background: var(--console-panel-bg);
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
padding: 14px;
|
||||
}
|
||||
@media (width<=767px) {
|
||||
.kv[data-v-4e83e0f6] {
|
||||
grid-template-columns: 100px minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
.auto-renew[data-v-4e83e0f6] {
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.auto-renew-state[data-v-4e83e0f6] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.auto-renew-state.on[data-v-4e83e0f6] {
|
||||
color: #22c55e;
|
||||
}
|
||||
.block-actions[data-v-4e83e0f6] {
|
||||
gap: 8px;
|
||||
padding-top: 4px;
|
||||
display: flex;
|
||||
}
|
||||
.dlg[data-v-4e83e0f6] {
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
display: flex;
|
||||
}
|
||||
.form-row[data-v-4e83e0f6] {
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.form-label[data-v-4e83e0f6],
|
||||
.form-row > label[data-v-4e83e0f6] {
|
||||
width: 80px;
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
flex-shrink: 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.grow[data-v-4e83e0f6] {
|
||||
flex: 1;
|
||||
}
|
||||
.refund-state[data-v-4e83e0f6] {
|
||||
background: var(--p-content-hover-background);
|
||||
border-radius: 8px;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
padding: 12px 14px;
|
||||
display: flex;
|
||||
}
|
||||
.refund-reject[data-v-4e83e0f6] {
|
||||
color: #ef4444;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.hint[data-v-4e83e0f6],
|
||||
.refund-reject[data-v-4e83e0f6] {
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.hint[data-v-4e83e0f6] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
@@ -0,0 +1,98 @@
|
||||
.disks[data-v-22ec0282] {
|
||||
gap: 42px;
|
||||
}
|
||||
.disks[data-v-22ec0282],
|
||||
.grp[data-v-22ec0282] {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
}
|
||||
.grp[data-v-22ec0282] {
|
||||
gap: 10px;
|
||||
}
|
||||
.load-error[data-v-22ec0282] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.grp-title[data-v-22ec0282] {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.grp-note[data-v-22ec0282] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.disk-name[data-v-22ec0282] {
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.disk-name i[data-v-22ec0282],
|
||||
.empty[data-v-22ec0282] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
.empty[data-v-22ec0282] {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.row-actions[data-v-22ec0282] {
|
||||
gap: 4px;
|
||||
display: flex;
|
||||
}
|
||||
.dlg[data-v-22ec0282] {
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
display: flex;
|
||||
}
|
||||
.resize-info[data-v-22ec0282] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.form-row[data-v-22ec0282] {
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.form-row > label[data-v-22ec0282] {
|
||||
flex-shrink: 0;
|
||||
width: 70px;
|
||||
}
|
||||
.form-row > label[data-v-22ec0282],
|
||||
.quote[data-v-22ec0282] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
font-size: 1rem;
|
||||
}
|
||||
.quote[data-v-22ec0282] {
|
||||
border-top: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-top: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.quote-value[data-v-22ec0282] {
|
||||
color: #ef4444;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.hint[data-v-22ec0282] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.grp[data-v-22ec0282] .p-datatable-table-container {
|
||||
background: var(--console-panel-bg);
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
}
|
||||
.grp[data-v-22ec0282] .p-datatable-thead > tr > th {
|
||||
background: var(--console-page-bg);
|
||||
padding: 14px;
|
||||
}
|
||||
.grp[data-v-22ec0282] .p-datatable-tbody > tr > td {
|
||||
padding: 14px;
|
||||
}
|
||||
@@ -0,0 +1,80 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
.instance-manage[data-v-627058ac] {
|
||||
min-width: 0;
|
||||
}
|
||||
.instance-manage[data-v-627058ac] .p-tablist-tab-list,
|
||||
.instance-manage[data-v-627058ac] .p-tabpanels {
|
||||
background: 0 0;
|
||||
}
|
||||
.instance-manage[data-v-627058ac] .p-tab {
|
||||
padding: 14px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.instance-manage[data-v-627058ac] .p-tabpanels {
|
||||
padding: 21px 0 0;
|
||||
}
|
||||
.instance-manage[data-v-627058ac] .p-tabpanel {
|
||||
min-width: 0;
|
||||
}
|
||||
.bs-wrap[data-v-627058ac] {
|
||||
flex-direction: column;
|
||||
gap: 42px;
|
||||
display: flex;
|
||||
}
|
||||
.bs-block[data-v-627058ac] {
|
||||
min-width: 0;
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
.mon[data-v-6a900feb] {
|
||||
flex-direction: column;
|
||||
gap: 21px;
|
||||
display: flex;
|
||||
}
|
||||
.range-row[data-v-6a900feb] {
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
display: flex;
|
||||
}
|
||||
.charts[data-v-6a900feb] {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
gap: 21px;
|
||||
display: grid;
|
||||
}
|
||||
.chart-card[data-v-6a900feb] {
|
||||
background: var(--console-panel-bg);
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
min-width: 0;
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
padding: 14px;
|
||||
}
|
||||
.chart-title[data-v-6a900feb] {
|
||||
border-bottom: 1px solid var(--console-panel-border);
|
||||
min-height: 24px;
|
||||
margin-bottom: 21px;
|
||||
padding-bottom: 21px;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.chart-unit[data-v-6a900feb] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-weight: 400;
|
||||
}
|
||||
.chart-viewport[data-v-6a900feb] {
|
||||
min-width: 0;
|
||||
min-height: 280px;
|
||||
}
|
||||
.chart-error[data-v-6a900feb] {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 280px;
|
||||
display: flex;
|
||||
}
|
||||
.chart-empty[data-v-6a900feb] {
|
||||
min-height: 280px;
|
||||
color: var(--p-text-muted-color);
|
||||
place-items: center;
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
display: grid;
|
||||
}
|
||||
.refresh-row[data-v-6a900feb] {
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.hint[data-v-6a900feb] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
.monitor-skeleton[data-v-5a1fd568] {
|
||||
flex-direction: column;
|
||||
gap: 21px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.range-placeholder[data-v-5a1fd568] {
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
min-height: 40px;
|
||||
display: flex;
|
||||
}
|
||||
.range-placeholder > .p-skeleton[data-v-5a1fd568] {
|
||||
max-width: 100%;
|
||||
}
|
||||
.hint-placeholder[data-v-5a1fd568] {
|
||||
color: #0000;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.refresh-placeholder[data-v-5a1fd568] {
|
||||
height: 35px;
|
||||
}
|
||||
.chart-placeholder[data-v-5a1fd568] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
background: var(--console-panel-bg);
|
||||
border-radius: 6px;
|
||||
min-width: 0;
|
||||
padding: 14px;
|
||||
}
|
||||
.title-placeholder[data-v-5a1fd568] {
|
||||
border-bottom: 1px solid var(--console-panel-border);
|
||||
margin-bottom: 21px;
|
||||
padding-bottom: 21px;
|
||||
}
|
||||
.dcim .title-placeholder[data-v-5a1fd568] {
|
||||
margin-bottom: 14px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
.legend-placeholder[data-v-5a1fd568] {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
@@ -0,0 +1,160 @@
|
||||
.nw[data-v-aa906366] {
|
||||
flex-direction: column;
|
||||
gap: 28px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.nw[data-v-aa906366] .network-section {
|
||||
gap: 14px;
|
||||
min-width: 0;
|
||||
}
|
||||
.nw[data-v-aa906366] .network-head {
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px 16px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.nw[data-v-aa906366] .network-heading {
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.nw[data-v-aa906366] .network-head h4 {
|
||||
margin: 0;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.nw[data-v-aa906366] .network-count {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 1rem;
|
||||
}
|
||||
.nw[data-v-aa906366] .network-actions {
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
}
|
||||
.nw[data-v-aa906366] .network-table {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
background: var(--console-panel-bg);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.nw[data-v-aa906366] .network-table.p-datatable .p-datatable-tbody > tr > td,
|
||||
.nw[data-v-aa906366] .network-table.p-datatable .p-datatable-thead > tr > th {
|
||||
padding: 12px 14px;
|
||||
}
|
||||
.nw[data-v-aa906366] .network-table .p-datatable-tbody > tr:last-child > td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.nw[data-v-aa906366]
|
||||
.network-table.p-datatable
|
||||
.p-datatable-tbody
|
||||
> .p-datatable-empty-message
|
||||
> td {
|
||||
text-align: center;
|
||||
color: var(--p-text-muted-color);
|
||||
padding: 24px 14px;
|
||||
}
|
||||
.nw[data-v-aa906366] .network-table .empty {
|
||||
padding: 0;
|
||||
}
|
||||
@media (width<=767px) {
|
||||
.nw[data-v-aa906366] .network-head {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.nw[data-v-aa906366] .network-actions {
|
||||
justify-content: flex-start;
|
||||
margin-left: 0;
|
||||
}
|
||||
.nw[data-v-aa906366] .network-head > .network-actions {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
}
|
||||
.block[data-v-aa906366] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.block-title[data-v-aa906366] {
|
||||
margin: 0;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.block-desc[data-v-aa906366] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.kv[data-v-aa906366] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
.kv > span[data-v-aa906366] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
}
|
||||
.kv > b[data-v-aa906366] {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
.action-cell[data-v-aa906366] {
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.action-cell > a[data-v-aa906366],
|
||||
.action-cell[data-v-aa906366] .p-button {
|
||||
max-width: 100%;
|
||||
}
|
||||
.empty[data-v-aa906366] {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.empty[data-v-aa906366],
|
||||
.sub[data-v-aa906366] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 1rem;
|
||||
}
|
||||
.info-table[data-v-aa906366] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
background: var(--console-panel-bg);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.info-table .kv[data-v-aa906366] {
|
||||
grid-template-columns: 16.6667% minmax(0, 1fr);
|
||||
gap: 0;
|
||||
min-height: 49px;
|
||||
display: grid;
|
||||
}
|
||||
.info-table .kv[data-v-aa906366] > * {
|
||||
padding: 14px;
|
||||
}
|
||||
.info-table .kv[data-v-aa906366]:nth-child(2n) {
|
||||
background: var(--console-page-bg);
|
||||
}
|
||||
.info-table .kv + .kv[data-v-aa906366] {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
}
|
||||
.info-table .kv > span[data-v-aa906366] {
|
||||
font-weight: 600;
|
||||
}
|
||||
@media (width<=767px) {
|
||||
.info-table .kv[data-v-aa906366] {
|
||||
grid-template-columns: 100px minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
.on-demand[data-v-2710106c] {
|
||||
gap: 12px;
|
||||
font-size: 13px;
|
||||
display: grid;
|
||||
}
|
||||
.on-demand h4[data-v-2710106c],
|
||||
.on-demand p[data-v-2710106c] {
|
||||
margin: 0;
|
||||
}
|
||||
.on-demand small[data-v-2710106c] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 12px;
|
||||
}
|
||||
.actions[data-v-2710106c] {
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.confirmation[data-v-2710106c] {
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-top: 12px;
|
||||
font-size: 13px;
|
||||
display: flex;
|
||||
}
|
||||
@@ -0,0 +1,241 @@
|
||||
.ov[data-v-fe24aa37] {
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
display: flex;
|
||||
}
|
||||
.grid[data-v-fe24aa37] {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
align-items: start;
|
||||
gap: 21px;
|
||||
display: grid;
|
||||
}
|
||||
.overview-column[data-v-fe24aa37] {
|
||||
gap: 21px;
|
||||
min-width: 0;
|
||||
}
|
||||
.card[data-v-fe24aa37],
|
||||
.overview-column[data-v-fe24aa37] {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
}
|
||||
.card[data-v-fe24aa37] {
|
||||
background: var(--console-panel-bg);
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
gap: 12px;
|
||||
padding: 14px;
|
||||
}
|
||||
.card-head[data-v-fe24aa37] {
|
||||
color: var(--p-text-color, #334155);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
}
|
||||
.card-link[data-v-fe24aa37] {
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.card-head i[data-v-fe24aa37] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.card-body[data-v-fe24aa37] {
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
gap: 10.5px;
|
||||
display: flex;
|
||||
}
|
||||
.kv[data-v-fe24aa37] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
.kv > span[data-v-fe24aa37] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.kv > b[data-v-fe24aa37] {
|
||||
text-align: right;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
.icon-action[data-v-fe24aa37],
|
||||
.kv > b[data-v-fe24aa37] {
|
||||
align-items: center;
|
||||
display: inline-flex;
|
||||
}
|
||||
.icon-action[data-v-fe24aa37] {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
flex-shrink: 0;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
}
|
||||
.icon-action .pi[data-v-fe24aa37] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.copy.ok[data-v-fe24aa37],
|
||||
.icon-action[data-v-fe24aa37]:hover {
|
||||
color: var(--p-primary-color, #10b981);
|
||||
}
|
||||
.price[data-v-fe24aa37] {
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
.unlimited[data-v-fe24aa37] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.os[data-v-fe24aa37] {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 8px 0 14px;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
}
|
||||
.os span[data-v-fe24aa37] {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.res[data-v-fe24aa37] {
|
||||
flex-direction: column;
|
||||
}
|
||||
.res[data-v-fe24aa37],
|
||||
.res-head[data-v-fe24aa37] {
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.res-head[data-v-fe24aa37] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
border-radius: 6px;
|
||||
align-items: center;
|
||||
padding: 14px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.res-head b[data-v-fe24aa37] {
|
||||
color: var(--p-text-color, #334155);
|
||||
margin-left: auto;
|
||||
font-weight: 600;
|
||||
}
|
||||
.res-sub[data-v-fe24aa37] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 0.875rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.res-body[data-v-fe24aa37] {
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
padding: 7px 0 14px;
|
||||
display: flex;
|
||||
}
|
||||
.res-chart[data-v-fe24aa37] {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
min-height: 126px;
|
||||
}
|
||||
.resource-unavailable[data-v-fe24aa37] {
|
||||
min-height: 112px;
|
||||
color: var(--p-text-muted-color);
|
||||
text-align: center;
|
||||
flex: 0 0 112px;
|
||||
place-items: center;
|
||||
font-size: 0.875rem;
|
||||
display: grid;
|
||||
}
|
||||
.network-chart[data-v-fe24aa37] {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
min-width: 0;
|
||||
padding-top: 10.5px;
|
||||
}
|
||||
.network-chart-title[data-v-fe24aa37] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin-bottom: 4px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.network-chart-viewport[data-v-fe24aa37] {
|
||||
min-width: 0;
|
||||
min-height: 126px;
|
||||
}
|
||||
.network-chart-state[data-v-fe24aa37] {
|
||||
min-height: 126px;
|
||||
color: var(--p-text-muted-color);
|
||||
place-items: center;
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
display: grid;
|
||||
}
|
||||
.disk-row[data-v-fe24aa37] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 14px;
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
.disk-row i[data-v-fe24aa37] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
.disk-name[data-v-fe24aa37] {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
.doc-link[data-v-fe24aa37] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
padding: 2px 0;
|
||||
font-size: 1rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
.doc-link[data-v-fe24aa37]:hover {
|
||||
color: var(--p-primary-color, #10b981);
|
||||
}
|
||||
.row-2[data-v-fe24aa37] {
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.flex-1[data-v-fe24aa37],
|
||||
.row-2[data-v-fe24aa37] > * {
|
||||
flex: 1;
|
||||
}
|
||||
.muted[data-v-fe24aa37] {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.hint[data-v-fe24aa37],
|
||||
.muted[data-v-fe24aa37] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
.hint[data-v-fe24aa37] {
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
@media (width<=1023px) {
|
||||
.grid[data-v-fe24aa37] {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,81 @@
|
||||
.rd[data-v-01429388] {
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
}
|
||||
.rd[data-v-01429388],
|
||||
.rd-row[data-v-01429388] {
|
||||
display: flex;
|
||||
}
|
||||
.rd-row[data-v-01429388] {
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
min-width: 0;
|
||||
}
|
||||
.rd-label[data-v-01429388],
|
||||
.rd-row > label[data-v-01429388] {
|
||||
width: 80px;
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
flex-shrink: 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.rd-grow[data-v-01429388] {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
.rd-quote[data-v-01429388] {
|
||||
border-top: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
padding-top: 14px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.rd-quote-row[data-v-01429388] {
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
gap: 12px;
|
||||
display: flex;
|
||||
}
|
||||
.rd-discount[data-v-01429388] {
|
||||
color: #22c55e;
|
||||
}
|
||||
.rd-price[data-v-01429388] {
|
||||
color: #ef4444;
|
||||
font-size: 1.375rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.rd-promo[data-v-01429388] {
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.rd-promo[data-v-01429388] > .p-button {
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.rd-code[data-v-01429388] {
|
||||
overflow-wrap: anywhere;
|
||||
background: var(--p-content-hover-background);
|
||||
border-radius: 6px;
|
||||
min-width: 0;
|
||||
padding: 4px 10px;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.rd-hint[data-v-01429388] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
@media (width<=480px) {
|
||||
.rd-row[data-v-01429388] {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 8px;
|
||||
}
|
||||
.rd-label[data-v-01429388],
|
||||
.rd-row > label[data-v-01429388] {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
.service-info[data-v-0ff5d554] {
|
||||
background: var(--console-panel-bg);
|
||||
border: 1px solid var(--console-panel-border);
|
||||
border-radius: 6px;
|
||||
padding: 21px;
|
||||
}
|
||||
.service-heading[data-v-0ff5d554] {
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
margin-bottom: 14px;
|
||||
display: flex;
|
||||
}
|
||||
h3[data-v-0ff5d554] {
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.service-rows[data-v-0ff5d554] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 0 28px;
|
||||
margin: 14px 0 0;
|
||||
display: grid;
|
||||
}
|
||||
.service-rows > div[data-v-0ff5d554] {
|
||||
border-bottom: 1px solid var(--console-panel-border);
|
||||
gap: 14px;
|
||||
padding: 10px 0;
|
||||
display: flex;
|
||||
}
|
||||
dt[data-v-0ff5d554] {
|
||||
color: var(--p-text-muted-color);
|
||||
flex: 0 0 88px;
|
||||
}
|
||||
dd[data-v-0ff5d554] {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.password-toggle[data-v-0ff5d554] {
|
||||
color: var(--p-text-muted-color);
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
margin-left: 7px;
|
||||
}
|
||||
.traffic-recovery[data-v-0ff5d554] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
margin: 14px 0;
|
||||
display: flex;
|
||||
}
|
||||
.traffic-recovery p[data-v-0ff5d554] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
line-height: 1.7;
|
||||
}
|
||||
@media (width<=767px) {
|
||||
.service-rows[data-v-0ff5d554] {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
.instance-code[data-v-741dd729] {
|
||||
gap: 8px;
|
||||
display: grid;
|
||||
}
|
||||
.code-row[data-v-741dd729] {
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.code-row .p-inputtext[data-v-741dd729] {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
@@ -0,0 +1,93 @@
|
||||
.traffic-summary[data-v-484c7b21] {
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.traffic-row[data-v-484c7b21] {
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
gap: 16px;
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
.traffic-note[data-v-484c7b21],
|
||||
.traffic-row > span[data-v-484c7b21] {
|
||||
color: var(--p-text-muted-color);
|
||||
}
|
||||
.traffic-row > span[data-v-484c7b21] {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.traffic-row > b[data-v-484c7b21] {
|
||||
overflow-wrap: anywhere;
|
||||
text-align: right;
|
||||
font-weight: 500;
|
||||
}
|
||||
.traffic-note[data-v-484c7b21] {
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.traffic-actions[data-v-484c7b21] {
|
||||
justify-content: flex-end;
|
||||
display: flex;
|
||||
}
|
||||
.traffic-error[data-v-484c7b21] {
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.traffic-error[data-v-484c7b21] .p-message {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
.traffic-error[data-v-484c7b21] .p-button {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.traffic-table[data-v-484c7b21] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
background: var(--console-panel-bg);
|
||||
border-radius: 6px;
|
||||
gap: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.traffic-table[data-v-484c7b21] > * + * {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
}
|
||||
.traffic-table .traffic-row[data-v-484c7b21] {
|
||||
grid-template-columns: 16.6667% minmax(0, 1fr);
|
||||
align-items: center;
|
||||
gap: 0;
|
||||
min-height: 49px;
|
||||
display: grid;
|
||||
}
|
||||
.traffic-table .traffic-row[data-v-484c7b21] > * {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
padding: 14px;
|
||||
}
|
||||
.traffic-table .traffic-row[data-v-484c7b21]:nth-child(2n of .traffic-row) {
|
||||
background: var(--console-page-bg);
|
||||
}
|
||||
.traffic-table .traffic-row > span[data-v-484c7b21] {
|
||||
font-weight: 600;
|
||||
}
|
||||
.traffic-table .traffic-row > b[data-v-484c7b21] {
|
||||
text-align: left;
|
||||
}
|
||||
.traffic-table .traffic-error[data-v-484c7b21],
|
||||
.traffic-table .traffic-note[data-v-484c7b21],
|
||||
.traffic-table .traffic-progress[data-v-484c7b21] {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
padding: 14px;
|
||||
}
|
||||
.traffic-table .traffic-error[data-v-484c7b21] {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@media (width<=767px) {
|
||||
.traffic-table .traffic-row[data-v-484c7b21] {
|
||||
grid-template-columns: 100px minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,239 @@
|
||||
.storage-system[data-v-7837d303] {
|
||||
width: calc(50% - 8px);
|
||||
}
|
||||
.storage-disks[data-v-7837d303] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 16px;
|
||||
min-width: 0;
|
||||
display: grid;
|
||||
}
|
||||
.grow[data-v-7837d303] {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
.jy-dcim-config .config-options[data-v-7837d303] {
|
||||
gap: 30px;
|
||||
}
|
||||
.jy-dcim-config .config-options .section-title[data-v-7837d303] {
|
||||
border-left: 3px solid var(--p-primary-color);
|
||||
padding-left: 11px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.jy-config-row[data-v-7837d303] {
|
||||
grid-template-columns: 76px minmax(0, 1fr);
|
||||
align-items: start;
|
||||
gap: 12px 14px;
|
||||
min-width: 0;
|
||||
margin-bottom: 23px;
|
||||
display: grid;
|
||||
}
|
||||
.jy-config-row[data-v-7837d303]:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.jy-config-row > label[data-v-7837d303],
|
||||
.jy-config-row > span[data-v-7837d303] {
|
||||
color: var(--p-text-muted-color);
|
||||
text-align: left;
|
||||
padding-top: 7px;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
.jy-config-row > .config-choices[data-v-7837d303],
|
||||
.jy-config-row > .jy-defense-options[data-v-7837d303],
|
||||
.jy-config-row > .jy-model-filters[data-v-7837d303],
|
||||
.jy-config-row > .jy-resource-control[data-v-7837d303] {
|
||||
min-width: 0;
|
||||
}
|
||||
.jy-model-filters[data-v-7837d303] {
|
||||
grid-template-columns: repeat(2, minmax(0, 240px));
|
||||
gap: 14px;
|
||||
max-width: 560px;
|
||||
display: grid;
|
||||
}
|
||||
.jy-model-filters[data-v-7837d303] .p-select {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
.jy-model-table-wrap[data-v-7837d303] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.jy-model-table[data-v-7837d303] {
|
||||
border-collapse: collapse;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
min-width: 660px;
|
||||
}
|
||||
.jy-model-table td[data-v-7837d303],
|
||||
.jy-model-table th[data-v-7837d303] {
|
||||
border-bottom: 1px solid var(--p-content-border-color);
|
||||
color: var(--p-text-color);
|
||||
vertical-align: middle;
|
||||
padding: 11px 14px;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.jy-model-table th[data-v-7837d303] {
|
||||
background: var(--p-content-hover-background);
|
||||
white-space: nowrap;
|
||||
font-weight: 600;
|
||||
}
|
||||
.jy-model-table td[data-v-7837d303]:first-child,
|
||||
.jy-model-table th[data-v-7837d303]:first-child {
|
||||
text-align: center;
|
||||
width: 54px;
|
||||
}
|
||||
.jy-model-table tbody tr[data-v-7837d303] {
|
||||
cursor: pointer;
|
||||
}
|
||||
.jy-model-table tbody tr[data-v-7837d303]:hover {
|
||||
background: var(--p-content-hover-background);
|
||||
}
|
||||
.jy-model-table tbody tr.selected[data-v-7837d303] {
|
||||
background: var(--p-highlight-background);
|
||||
}
|
||||
.jy-model-table tbody tr:last-child td[data-v-7837d303] {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.jy-model-table td input[type="radio"][data-v-7837d303] {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
accent-color: var(--p-primary-color);
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
}
|
||||
.jy-model-table td input[type="radio"][data-v-7837d303]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
.jy-model-name[data-v-7837d303] {
|
||||
min-width: 245px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.jy-model-table .jy-no-model[data-v-7837d303] {
|
||||
color: var(--p-text-muted-color);
|
||||
text-align: center;
|
||||
padding: 24px;
|
||||
}
|
||||
.jy-resource-control[data-v-7837d303] {
|
||||
grid-template-columns: minmax(0, 1fr) 130px;
|
||||
align-items: center;
|
||||
gap: 5px 18px;
|
||||
width: 100%;
|
||||
max-width: 720px;
|
||||
display: grid;
|
||||
}
|
||||
.jy-resource-control[data-v-7837d303] .p-inputnumber {
|
||||
grid-area: 1/2;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
}
|
||||
.jy-resource-control[data-v-7837d303] .p-inputnumber-input {
|
||||
width: 100%;
|
||||
}
|
||||
.jy-resource-slider[data-v-7837d303] {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
accent-color: var(--p-primary-color);
|
||||
grid-area: 1/1;
|
||||
margin: 0;
|
||||
}
|
||||
.jy-resource-slider[data-v-7837d303]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 5px;
|
||||
}
|
||||
.jy-resource-control > small[data-v-7837d303] {
|
||||
color: var(--p-text-muted-color);
|
||||
grid-area: 2/1;
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
.jy-config-row[data-v-7837d303] .bandwidth-field {
|
||||
max-width: 720px;
|
||||
}
|
||||
.jy-config-row[data-v-7837d303] .bandwidth-label {
|
||||
display: none;
|
||||
}
|
||||
.jy-defense-options[data-v-7837d303] {
|
||||
flex-wrap: wrap;
|
||||
gap: 0;
|
||||
display: flex;
|
||||
}
|
||||
.jy-defense-options button[data-v-7837d303] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
min-height: 36px;
|
||||
color: var(--p-text-color);
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
margin: 0 -1px -1px 0;
|
||||
padding: 6px 16px;
|
||||
}
|
||||
.jy-defense-options button[data-v-7837d303]:first-child {
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
.jy-defense-options button[data-v-7837d303]:last-child {
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
.jy-defense-options button[data-v-7837d303]:only-child {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.jy-defense-options button.active[data-v-7837d303] {
|
||||
z-index: 1;
|
||||
border-color: var(--p-primary-color);
|
||||
background: var(--p-highlight-background);
|
||||
color: var(--p-highlight-color);
|
||||
position: relative;
|
||||
}
|
||||
.jy-defense-options button[data-v-7837d303]:focus-visible {
|
||||
z-index: 2;
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 2px;
|
||||
position: relative;
|
||||
}
|
||||
.jy-defense-options button[data-v-7837d303]:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.jy-dcim-config .image-groups[data-v-7837d303] {
|
||||
max-width: 960px;
|
||||
}
|
||||
@media (width<=767px) {
|
||||
.jy-config-row[data-v-7837d303] {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 8px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.jy-config-row > label[data-v-7837d303],
|
||||
.jy-config-row > span[data-v-7837d303] {
|
||||
text-align: left;
|
||||
padding-top: 0;
|
||||
}
|
||||
.jy-model-filters[data-v-7837d303] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
max-width: none;
|
||||
}
|
||||
.jy-resource-control[data-v-7837d303] {
|
||||
grid-template-columns: minmax(0, 1fr) 112px;
|
||||
gap: 5px 12px;
|
||||
}
|
||||
}
|
||||
@media (width<=639px) {
|
||||
.storage-system[data-v-7837d303] {
|
||||
width: 100%;
|
||||
}
|
||||
.storage-disks[data-v-7837d303] {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
.jy-dcim-config .config-options[data-v-7837d303] {
|
||||
gap: 24px;
|
||||
}
|
||||
.jy-config-row[data-v-7837d303] .config-choices.compact {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.jy-config-row[data-v-7837d303] .config-choices.compact .config-choice {
|
||||
min-width: 88px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
.cycle-warn[data-v-e8ce6418] {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.hint[data-v-e8ce6418] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.storage-system[data-v-e8ce6418] {
|
||||
width: calc(50% - 8px);
|
||||
}
|
||||
.storage-disks[data-v-e8ce6418] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 16px;
|
||||
min-width: 0;
|
||||
display: grid;
|
||||
}
|
||||
.traffic-package-value[data-v-e8ce6418] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
width: 196px;
|
||||
min-height: 44px;
|
||||
color: var(--p-text-color);
|
||||
border-radius: 6px;
|
||||
align-items: center;
|
||||
padding: 8px 14px;
|
||||
display: flex;
|
||||
}
|
||||
.traffic-package-value strong[data-v-e8ce6418] {
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
@media (width<=639px) {
|
||||
.storage-system[data-v-e8ce6418] {
|
||||
width: 100%;
|
||||
}
|
||||
.storage-disks[data-v-e8ce6418] {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
.traffic-package-value[data-v-e8ce6418] {
|
||||
width: 100%;
|
||||
max-width: 470px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,229 @@
|
||||
.up[data-v-625e699a] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.current[data-v-625e699a] {
|
||||
background: var(--p-content-hover-background);
|
||||
border-radius: 8px;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 10px 14px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.current-label[data-v-625e699a] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
}
|
||||
.current-spec[data-v-625e699a] {
|
||||
font-weight: 500;
|
||||
}
|
||||
.seg[data-v-625e699a] {
|
||||
flex-wrap: wrap;
|
||||
gap: 6px;
|
||||
display: flex;
|
||||
}
|
||||
.seg-item[data-v-625e699a] {
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
background: var(--p-content-background);
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
cursor: pointer;
|
||||
border-radius: 8px;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 7px 14px;
|
||||
font-size: 0.9375rem;
|
||||
transition:
|
||||
border-color 0.15s,
|
||||
color 0.15s,
|
||||
background 0.15s;
|
||||
display: inline-flex;
|
||||
}
|
||||
.seg-item[data-v-625e699a]:hover {
|
||||
color: var(--p-text-color);
|
||||
}
|
||||
.seg-item.active[data-v-625e699a],
|
||||
.seg-item[data-v-625e699a]:hover {
|
||||
border-color: var(--p-primary-color, #0052d9);
|
||||
}
|
||||
.seg-item.active[data-v-625e699a] {
|
||||
background: var(--p-highlight-background);
|
||||
color: var(--p-primary-color, #0052d9);
|
||||
font-weight: 500;
|
||||
}
|
||||
.sk[data-v-625e699a] {
|
||||
padding: 4px 0;
|
||||
}
|
||||
.plans[data-v-625e699a] {
|
||||
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
|
||||
gap: 12px;
|
||||
display: grid;
|
||||
}
|
||||
.plan[data-v-625e699a] {
|
||||
text-align: left;
|
||||
background: var(--p-content-background);
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
cursor: pointer;
|
||||
border-radius: 10px;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
padding: 14px 16px;
|
||||
transition:
|
||||
border-color 0.15s,
|
||||
background 0.15s;
|
||||
display: flex;
|
||||
}
|
||||
.plan.active[data-v-625e699a],
|
||||
.plan[data-v-625e699a]:hover:not(:disabled) {
|
||||
border-color: var(--p-primary-color, #0052d9);
|
||||
}
|
||||
.plan.active[data-v-625e699a] {
|
||||
background: var(--p-highlight-background);
|
||||
}
|
||||
.plan[data-v-625e699a]:disabled {
|
||||
opacity: 0.55;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.plan-head[data-v-625e699a] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.plan-name[data-v-625e699a] {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.plan-check[data-v-625e699a] {
|
||||
color: var(--p-primary-color, #0052d9);
|
||||
}
|
||||
.plan-desc[data-v-625e699a] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.field[data-v-625e699a] {
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.field[data-v-625e699a],
|
||||
.field-row[data-v-625e699a] {
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
}
|
||||
.field-row[data-v-625e699a] {
|
||||
gap: 28px;
|
||||
}
|
||||
.field > label[data-v-625e699a] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.field-hint[data-v-625e699a],
|
||||
.note[data-v-625e699a] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.note[data-v-625e699a] {
|
||||
margin: 0;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.sub[data-v-625e699a] {
|
||||
background: var(--p-content-hover-background);
|
||||
border-radius: 8px;
|
||||
align-self: flex-start;
|
||||
gap: 4px;
|
||||
padding: 3px;
|
||||
display: inline-flex;
|
||||
}
|
||||
.sub-item[data-v-625e699a] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 6px;
|
||||
padding: 5px 14px;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.sub-item.active[data-v-625e699a] {
|
||||
background: var(--p-content-background);
|
||||
color: var(--p-text-color);
|
||||
font-weight: 500;
|
||||
}
|
||||
.disks[data-v-625e699a] {
|
||||
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
|
||||
gap: 10px;
|
||||
display: grid;
|
||||
}
|
||||
.disk[data-v-625e699a] {
|
||||
text-align: left;
|
||||
background: var(--p-content-background);
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
cursor: pointer;
|
||||
border-radius: 10px;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 12px 14px;
|
||||
font-size: 0.9375rem;
|
||||
transition:
|
||||
border-color 0.15s,
|
||||
background 0.15s;
|
||||
display: flex;
|
||||
}
|
||||
.disk.active[data-v-625e699a],
|
||||
.disk[data-v-625e699a]:hover {
|
||||
border-color: var(--p-primary-color, #0052d9);
|
||||
}
|
||||
.disk.active[data-v-625e699a] {
|
||||
background: var(--p-highlight-background);
|
||||
}
|
||||
.disk i[data-v-625e699a] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
.disk-name[data-v-625e699a] {
|
||||
flex: 1;
|
||||
font-weight: 500;
|
||||
}
|
||||
.disk-meta[data-v-625e699a] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.bar[data-v-625e699a] {
|
||||
border-top: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
padding-top: 16px;
|
||||
display: flex;
|
||||
}
|
||||
.bar-price[data-v-625e699a] {
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.bar-label[data-v-625e699a] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.bar-value[data-v-625e699a] {
|
||||
color: #ef4444;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.bar-sub[data-v-625e699a] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.changes[data-v-625e699a] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
padding-left: 18px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.changes[data-v-625e699a],
|
||||
.hint[data-v-625e699a] {
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.hint[data-v-625e699a] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
.legacy-actions[data-v-e3236d5c] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.action-buttons[data-v-e3236d5c] {
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.action-form[data-v-e3236d5c] {
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.target[data-v-e3236d5c] {
|
||||
overflow-wrap: anywhere;
|
||||
margin: 0 0 4px;
|
||||
}
|
||||
.ack[data-v-e3236d5c] {
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
margin-top: 7px;
|
||||
display: flex;
|
||||
}
|
||||
.ack label[data-v-e3236d5c] {
|
||||
line-height: 1.5;
|
||||
}
|
||||
.muted[data-v-e3236d5c] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
@@ -0,0 +1,236 @@
|
||||
.legacy-dcim-manage[data-v-f40d7201] {
|
||||
min-width: 0;
|
||||
}
|
||||
.legacy-dcim-manage[data-v-f40d7201] .p-tabpanels {
|
||||
padding: 21px 0 0;
|
||||
}
|
||||
.legacy-dcim-manage[data-v-f40d7201] .p-tab {
|
||||
white-space: nowrap;
|
||||
padding: 14px 21px;
|
||||
}
|
||||
.overview[data-v-f40d7201] {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 21px;
|
||||
display: grid;
|
||||
}
|
||||
.stack[data-v-f40d7201] {
|
||||
flex-direction: column;
|
||||
gap: 21px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.card[data-v-f40d7201] {
|
||||
background: var(--console-panel-bg);
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
min-width: 0;
|
||||
padding: 21px;
|
||||
}
|
||||
.card h3[data-v-f40d7201] {
|
||||
margin: 0 0 21px;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
.card-title[data-v-f40d7201] {
|
||||
width: 100%;
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
}
|
||||
.card-title i[data-v-f40d7201] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.card-bottom[data-v-f40d7201] {
|
||||
width: 100%;
|
||||
margin-top: 21px;
|
||||
}
|
||||
.muted[data-v-f40d7201] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.compact-rows[data-v-f40d7201] {
|
||||
margin: 0;
|
||||
}
|
||||
.compact-rows > div[data-v-f40d7201] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
min-height: 33px;
|
||||
display: flex;
|
||||
}
|
||||
.compact-rows dt[data-v-f40d7201] {
|
||||
color: var(--p-text-muted-color);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.compact-rows dd[data-v-f40d7201] {
|
||||
overflow-wrap: anywhere;
|
||||
text-align: right;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
min-width: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
}
|
||||
.compact-rows[data-v-f40d7201] .p-button {
|
||||
padding: 3px;
|
||||
}
|
||||
.resource-list[data-v-f40d7201] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
}
|
||||
.resource-list > div[data-v-f40d7201] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
border-radius: 6px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
min-height: 50px;
|
||||
padding: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.resource-list dt[data-v-f40d7201] {
|
||||
color: var(--p-text-muted-color);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.resource-list dd[data-v-f40d7201] {
|
||||
overflow-wrap: anywhere;
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.os[data-v-f40d7201] {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
margin: 21px 0;
|
||||
display: flex;
|
||||
}
|
||||
.os strong[data-v-f40d7201] {
|
||||
font-weight: 400;
|
||||
}
|
||||
.flow-used[data-v-f40d7201] {
|
||||
margin: 14px 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.detail-content[data-v-f40d7201] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.detail-content h3[data-v-f40d7201] {
|
||||
margin: 0;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
.detail-content .section-gap[data-v-f40d7201] {
|
||||
margin-top: 14px;
|
||||
}
|
||||
.rows[data-v-f40d7201] {
|
||||
background: var(--console-panel-bg);
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
border-radius: 6px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.rows > div[data-v-f40d7201] {
|
||||
grid-template-columns: 16.666% minmax(0, 1fr);
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
min-height: 50px;
|
||||
padding: 14px;
|
||||
display: grid;
|
||||
}
|
||||
.rows > div + div[data-v-f40d7201] {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
}
|
||||
.rows > div[data-v-f40d7201]:nth-child(2n) {
|
||||
background: var(--console-page-bg);
|
||||
}
|
||||
.rows dt[data-v-f40d7201] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
.rows dd[data-v-f40d7201] {
|
||||
overflow-wrap: anywhere;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
}
|
||||
.rows[data-v-f40d7201] .p-button {
|
||||
padding: 3px;
|
||||
}
|
||||
.rows .ip-list[data-v-f40d7201] {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 7px;
|
||||
}
|
||||
.ip-list > span[data-v-f40d7201] {
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
display: flex;
|
||||
}
|
||||
.usage[data-v-f40d7201] .p-progressbar {
|
||||
flex: 1;
|
||||
min-width: 100px;
|
||||
}
|
||||
.mono[data-v-f40d7201] {
|
||||
font-family: var(--font-mono, monospace);
|
||||
}
|
||||
@media (width<=1199px) {
|
||||
.overview[data-v-f40d7201],
|
||||
.stack[data-v-f40d7201] {
|
||||
gap: 14px;
|
||||
}
|
||||
.card[data-v-f40d7201] {
|
||||
padding: 14px;
|
||||
}
|
||||
.resource-list > div[data-v-f40d7201] {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
@media (width<=950px) {
|
||||
.overview[data-v-f40d7201] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.stack[data-v-f40d7201]:last-child {
|
||||
grid-column: 1/-1;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
display: grid;
|
||||
}
|
||||
}
|
||||
@media (width<=600px) {
|
||||
.overview[data-v-f40d7201] {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.stack[data-v-f40d7201]:last-child {
|
||||
grid-column: auto;
|
||||
display: flex;
|
||||
}
|
||||
.rows > div[data-v-f40d7201] {
|
||||
grid-template-columns: 95px minmax(0, 1fr);
|
||||
gap: 10px;
|
||||
padding: 12px 10px;
|
||||
}
|
||||
.legacy-dcim-manage[data-v-f40d7201] .p-tabpanels {
|
||||
padding-top: 14px;
|
||||
}
|
||||
.legacy-dcim-manage[data-v-f40d7201] .p-tab {
|
||||
padding: 12px 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
.product-upgrade[data-v-3bd25322] {
|
||||
gap: 12px;
|
||||
display: grid;
|
||||
}
|
||||
.product-upgrade h4[data-v-3bd25322],
|
||||
.product-upgrade p[data-v-3bd25322] {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
.info-table[data-v-a7ffe460] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
background: var(--console-panel-bg);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.info-table[data-v-a7ffe460] .p-datatable-thead > tr > th {
|
||||
background: var(--console-page-bg);
|
||||
color: var(--p-text-muted-color);
|
||||
border-color: var(--console-panel-border);
|
||||
padding: 14px;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.info-table[data-v-a7ffe460] .p-datatable-tbody > tr {
|
||||
background: var(--console-panel-bg);
|
||||
}
|
||||
.info-table[data-v-a7ffe460] .p-datatable-tbody > tr:nth-child(2n) {
|
||||
background: var(--console-page-bg);
|
||||
}
|
||||
.info-table[data-v-a7ffe460] .p-datatable-tbody > tr > td {
|
||||
border-color: var(--console-panel-border);
|
||||
padding: 14px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.info-table[data-v-a7ffe460] .p-datatable-tbody > tr:last-child > td {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
.bs-head[data-v-a7ffe460] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.bs-guide[data-v-a7ffe460] {
|
||||
border: 1px dashed var(--p-content-border-color, #e2e8f0);
|
||||
border-radius: 10px;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
padding: 20px 22px;
|
||||
display: flex;
|
||||
}
|
||||
.bs-guide-title[data-v-a7ffe460] {
|
||||
margin: 0;
|
||||
font-size: 1.0625rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.bs-guide-desc[data-v-a7ffe460],
|
||||
.guide-text[data-v-a7ffe460] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.quote[data-v-a7ffe460] {
|
||||
border-top: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-top: 14px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.quote-value[data-v-a7ffe460] {
|
||||
color: #ef4444;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.bs-title[data-v-a7ffe460] {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.bs-count[data-v-a7ffe460] {
|
||||
font-weight: 400;
|
||||
}
|
||||
.bs-count[data-v-a7ffe460],
|
||||
.bs-empty[data-v-a7ffe460] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
.bs-empty[data-v-a7ffe460] {
|
||||
text-align: center;
|
||||
padding: 24px 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.bs-actions[data-v-a7ffe460] {
|
||||
gap: 4px;
|
||||
display: flex;
|
||||
}
|
||||
.dlg-body[data-v-a7ffe460] {
|
||||
flex-direction: column;
|
||||
}
|
||||
.dlg-body[data-v-a7ffe460],
|
||||
.form-row[data-v-a7ffe460] {
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.form-row[data-v-a7ffe460] {
|
||||
align-items: center;
|
||||
}
|
||||
.form-label[data-v-a7ffe460],
|
||||
.form-row > label[data-v-a7ffe460] {
|
||||
width: 80px;
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
flex-shrink: 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.grow[data-v-a7ffe460] {
|
||||
flex: 1;
|
||||
}
|
||||
.confirm-text[data-v-a7ffe460] {
|
||||
color: var(--p-text-color, #334155);
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
.cycle-warn[data-v-8ba1c9ae] {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.hint[data-v-8ba1c9ae] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.storage-system[data-v-8ba1c9ae] {
|
||||
width: calc(50% - 8px);
|
||||
}
|
||||
.storage-disks[data-v-8ba1c9ae] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 16px;
|
||||
min-width: 0;
|
||||
display: grid;
|
||||
}
|
||||
.storage-hint[data-v-8ba1c9ae] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 10px 0 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.429rem;
|
||||
}
|
||||
@media (width<=639px) {
|
||||
.storage-system[data-v-8ba1c9ae] {
|
||||
width: 100%;
|
||||
}
|
||||
.storage-disks[data-v-8ba1c9ae] {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
.defence[data-v-b0c2bd86],
|
||||
.form[data-v-b0c2bd86] {
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
display: flex;
|
||||
}
|
||||
.defence-ip[data-v-b0c2bd86] {
|
||||
width: 210px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.muted[data-v-b0c2bd86] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.muted[data-v-b0c2bd86],
|
||||
p[data-v-b0c2bd86] {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,65 @@
|
||||
.ips[data-v-9ba8a1b3],
|
||||
.ipv6-group[data-v-9ba8a1b3] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.ips[data-v-9ba8a1b3] .ipv4-table .p-datatable-table {
|
||||
table-layout: fixed;
|
||||
min-width: 480px;
|
||||
}
|
||||
.ips[data-v-9ba8a1b3] .ipv6-table .p-datatable-table {
|
||||
table-layout: fixed;
|
||||
min-width: 0;
|
||||
}
|
||||
.ips[data-v-9ba8a1b3] .col-mono {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.ips-title[data-v-9ba8a1b3] {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.count[data-v-9ba8a1b3] {
|
||||
font-weight: 400;
|
||||
}
|
||||
.count[data-v-9ba8a1b3],
|
||||
.empty[data-v-9ba8a1b3] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
.empty[data-v-9ba8a1b3] {
|
||||
text-align: center;
|
||||
padding: 24px 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.dlg[data-v-9ba8a1b3] {
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
display: flex;
|
||||
}
|
||||
.form-row[data-v-9ba8a1b3] {
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.form-row > label[data-v-9ba8a1b3] {
|
||||
flex-shrink: 0;
|
||||
width: 90px;
|
||||
}
|
||||
.form-row > label[data-v-9ba8a1b3],
|
||||
.quote[data-v-9ba8a1b3] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.quote[data-v-9ba8a1b3] {
|
||||
border-top: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-top: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.quote-value[data-v-9ba8a1b3] {
|
||||
color: #ef4444;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
.logs[data-v-c4521240] {
|
||||
flex-direction: column;
|
||||
gap: 18px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.logs-heading[data-v-c4521240] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
display: flex;
|
||||
}
|
||||
.logs-heading h4[data-v-c4521240] {
|
||||
margin: 0 0 6px;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.logs-heading p[data-v-c4521240] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.logs-toolbar[data-v-c4521240] {
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.logs-toolbar .p-inputtext[data-v-c4521240] {
|
||||
width: 280px;
|
||||
}
|
||||
.logs-table[data-v-c4521240] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.log-content[data-v-c4521240] {
|
||||
white-space: pre-wrap;
|
||||
overflow-wrap: anywhere;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.log-time[data-v-c4521240] {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.logs-foot[data-v-c4521240] {
|
||||
color: var(--p-text-muted-color);
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
@media (width<=640px) {
|
||||
.logs-toolbar > .p-iconfield[data-v-c4521240] {
|
||||
flex: 1;
|
||||
min-width: 180px;
|
||||
}
|
||||
.logs-toolbar .p-inputtext[data-v-c4521240] {
|
||||
width: 100%;
|
||||
}
|
||||
.logs-heading[data-v-c4521240] {
|
||||
align-items: flex-start;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
.form[data-v-1ff078ab],
|
||||
.nat-panel[data-v-1ff078ab] {
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
display: flex;
|
||||
}
|
||||
.muted[data-v-1ff078ab] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.form label[data-v-1ff078ab] {
|
||||
font-size: 13px;
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
.resource-upgrade[data-v-c9212028] {
|
||||
gap: 24px;
|
||||
}
|
||||
.config-field[data-v-c9212028],
|
||||
.resource-upgrade[data-v-c9212028] {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
}
|
||||
.config-field[data-v-c9212028] {
|
||||
gap: 10px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.choices[data-v-c9212028] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
border-radius: 6px;
|
||||
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
|
||||
gap: 0;
|
||||
display: grid;
|
||||
overflow: hidden;
|
||||
}
|
||||
.choices button[data-v-c9212028] {
|
||||
border: 1px solid #0000;
|
||||
border-right-color: var(--p-content-border-color);
|
||||
min-height: 38px;
|
||||
color: var(--p-text-color);
|
||||
background: var(--p-content-background);
|
||||
cursor: pointer;
|
||||
padding: 8px 12px;
|
||||
}
|
||||
.choices button.selected[data-v-c9212028] {
|
||||
border-color: var(--p-primary-color);
|
||||
color: var(--p-primary-color);
|
||||
background: var(--p-highlight-background);
|
||||
box-shadow: inset 0 0 0 1px var(--p-primary-color);
|
||||
}
|
||||
.upgrade-total[data-v-c9212028] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
.upgrade-total b[data-v-c9212028] {
|
||||
color: var(--p-primary-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
.muted[data-v-c9212028] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
@media (width<=640px) {
|
||||
.upgrade-total[data-v-c9212028] {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,109 @@
|
||||
.up[data-v-b98b2e63] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.current[data-v-b98b2e63] {
|
||||
background: var(--p-content-hover-background);
|
||||
border-radius: 8px;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 10px 14px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.current-label[data-v-b98b2e63] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
}
|
||||
.current-spec[data-v-b98b2e63] {
|
||||
font-weight: 500;
|
||||
}
|
||||
.grid[data-v-b98b2e63] {
|
||||
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
|
||||
gap: 12px;
|
||||
display: grid;
|
||||
}
|
||||
.plan[data-v-b98b2e63] {
|
||||
text-align: left;
|
||||
background: var(--p-content-background);
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
cursor: pointer;
|
||||
border-radius: 10px;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
padding: 14px 16px;
|
||||
transition:
|
||||
border-color 0.15s,
|
||||
background 0.15s;
|
||||
display: flex;
|
||||
}
|
||||
.plan.active[data-v-b98b2e63],
|
||||
.plan[data-v-b98b2e63]:hover {
|
||||
border-color: var(--p-primary-color, #10b981);
|
||||
}
|
||||
.plan.active[data-v-b98b2e63] {
|
||||
background: var(--p-highlight-background);
|
||||
}
|
||||
.plan-head[data-v-b98b2e63] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.plan-name[data-v-b98b2e63] {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.plan-check[data-v-b98b2e63] {
|
||||
color: var(--p-primary-color, #10b981);
|
||||
}
|
||||
.plan-desc[data-v-b98b2e63],
|
||||
.plan-spec[data-v-b98b2e63] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.bar[data-v-b98b2e63] {
|
||||
border-top: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
padding-top: 16px;
|
||||
display: flex;
|
||||
}
|
||||
.bar-price[data-v-b98b2e63] {
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.bar-label[data-v-b98b2e63] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.bar-value[data-v-b98b2e63] {
|
||||
color: #ef4444;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.bar-sub[data-v-b98b2e63],
|
||||
.hint[data-v-b98b2e63] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.hint[data-v-b98b2e63] {
|
||||
margin: 0;
|
||||
}
|
||||
@media (width<=640px) {
|
||||
.bar[data-v-b98b2e63],
|
||||
.current[data-v-b98b2e63] {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.bar > .p-button[data-v-b98b2e63] {
|
||||
width: 100%;
|
||||
}
|
||||
.plan[data-v-b98b2e63] {
|
||||
padding: 14px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
.form[data-v-1d12fc4b],
|
||||
.vpc-panel[data-v-1d12fc4b] {
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
display: flex;
|
||||
}
|
||||
.muted[data-v-1d12fc4b] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.form label[data-v-1d12fc4b] {
|
||||
font-size: 13px;
|
||||
}
|
||||
@@ -0,0 +1,175 @@
|
||||
.storage-grid[data-v-b5ff32bb] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
align-items: start;
|
||||
gap: 16px;
|
||||
display: grid;
|
||||
}
|
||||
.disk-quantity[data-v-b5ff32bb] {
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.disk-quantity > label[data-v-b5ff32bb] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.disk-quantity[data-v-b5ff32bb] .p-inputnumber {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
.disk-quantity[data-v-b5ff32bb] .p-inputnumber-input {
|
||||
flex: 1;
|
||||
width: 0;
|
||||
min-width: 0;
|
||||
}
|
||||
@media (width<=639px) {
|
||||
.storage-grid[data-v-b5ff32bb] {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
.dcim-base[data-v-b5ff32bb] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 6px;
|
||||
margin-bottom: 21px;
|
||||
padding: 21px;
|
||||
box-shadow: 0 1px 3px #0000001a;
|
||||
}
|
||||
.dcim-base h3[data-v-b5ff32bb] {
|
||||
margin: 0 0 21px;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.base-specs[data-v-b5ff32bb] {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 21px;
|
||||
display: grid;
|
||||
}
|
||||
.base-specs > div[data-v-b5ff32bb] {
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.base-specs i[data-v-b5ff32bb] {
|
||||
color: var(--p-primary-color);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.base-specs span[data-v-b5ff32bb] {
|
||||
color: var(--p-text-muted-color);
|
||||
min-width: 0;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.base-specs strong[data-v-b5ff32bb] {
|
||||
color: var(--p-text-color);
|
||||
overflow-wrap: anywhere;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
display: block;
|
||||
}
|
||||
.base-specs small[data-v-b5ff32bb] {
|
||||
overflow-wrap: anywhere;
|
||||
font-size: 0.8125rem;
|
||||
display: block;
|
||||
}
|
||||
.network-slider[data-v-b5ff32bb] {
|
||||
max-width: 465px;
|
||||
margin: 14px 7px 0;
|
||||
}
|
||||
.optional-group h3[data-v-b5ff32bb] {
|
||||
margin: 21px 0 12px;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.optional-row[data-v-b5ff32bb] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 21px;
|
||||
margin: 10px 0;
|
||||
display: flex;
|
||||
}
|
||||
.optional-row[data-v-b5ff32bb] .p-inputnumber {
|
||||
flex-shrink: 0;
|
||||
width: 150px;
|
||||
}
|
||||
.optional-row label[data-v-b5ff32bb] {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.agreement[data-v-b5ff32bb] {
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
}
|
||||
.agreement a[data-v-b5ff32bb] {
|
||||
color: var(--p-primary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
.image-charge[data-v-b5ff32bb],
|
||||
.stock-hint[data-v-b5ff32bb] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.config-change[data-v-b5ff32bb] {
|
||||
border-top: 1px solid var(--p-content-border-color);
|
||||
margin-top: 21px;
|
||||
}
|
||||
.config-change summary[data-v-b5ff32bb] {
|
||||
color: var(--p-primary-color);
|
||||
cursor: pointer;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
padding-top: 14px;
|
||||
font-size: 0.875rem;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
}
|
||||
.config-change summary[data-v-b5ff32bb]::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
.config-change summary > i[data-v-b5ff32bb] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.config-change[open] summary > i[data-v-b5ff32bb] {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.config-change summary[data-v-b5ff32bb]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 4px;
|
||||
}
|
||||
.config-change-fields[data-v-b5ff32bb] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 21px;
|
||||
padding-top: 21px;
|
||||
display: grid;
|
||||
}
|
||||
.config-change-fields .form-row[data-v-b5ff32bb] {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@media (width<=767px) {
|
||||
.config-change-fields[data-v-b5ff32bb] {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 14px;
|
||||
}
|
||||
.base-specs[data-v-b5ff32bb] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 21px 14px;
|
||||
}
|
||||
.dcim-base[data-v-b5ff32bb] {
|
||||
padding: 14px;
|
||||
}
|
||||
.base-specs > div[data-v-b5ff32bb] {
|
||||
gap: 10px;
|
||||
}
|
||||
.base-specs strong[data-v-b5ff32bb] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.optional-row[data-v-b5ff32bb] {
|
||||
gap: 14px;
|
||||
}
|
||||
.optional-row[data-v-b5ff32bb] .p-inputnumber {
|
||||
width: 125px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
.notification-preferences[data-v-f4132ec8] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
background: var(--console-panel-bg);
|
||||
border-radius: 8px;
|
||||
padding: 16px 20px;
|
||||
}
|
||||
.preferences-heading[data-v-f4132ec8] {
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
gap: 16px;
|
||||
display: flex;
|
||||
}
|
||||
.preferences-heading h3[data-v-f4132ec8] {
|
||||
margin: 0;
|
||||
font-size: 1.0625rem;
|
||||
font-weight: 650;
|
||||
line-height: 1.571rem;
|
||||
}
|
||||
.preferences-heading p[data-v-f4132ec8] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 4px 0 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.preference-rows[data-v-f4132ec8] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 12px 28px;
|
||||
margin-top: 14px;
|
||||
display: grid;
|
||||
}
|
||||
.preference-row[data-v-f4132ec8] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
min-height: 40px;
|
||||
padding: 8px 0;
|
||||
display: flex;
|
||||
}
|
||||
.preference-copy[data-v-f4132ec8] {
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.preference-label[data-v-f4132ec8] {
|
||||
color: var(--p-text-color);
|
||||
font-size: 1rem;
|
||||
font-weight: 550;
|
||||
}
|
||||
.preference-hint[data-v-f4132ec8] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.preferences-message[data-v-f4132ec8] {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.preferences-status[data-v-f4132ec8] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 8px 0 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
@media (width<=640px) {
|
||||
.notification-preferences[data-v-f4132ec8] {
|
||||
padding: 14px 16px;
|
||||
}
|
||||
.preference-rows[data-v-f4132ec8] {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
.operation-toasts.p-toast {
|
||||
width: min(380px, 100% - 24px);
|
||||
top: 76px !important;
|
||||
right: 20px !important;
|
||||
}
|
||||
.operation-toasts .p-toast-message {
|
||||
background: var(--p-content-background);
|
||||
color: var(--p-text-color);
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
-webkit-backdrop-filter: none;
|
||||
backdrop-filter: none;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 8px 28px #0f172a1f;
|
||||
}
|
||||
.operation-toasts .p-toast-message-content {
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
padding: 14px;
|
||||
}
|
||||
.operation-toast-icon {
|
||||
flex-shrink: 0;
|
||||
margin-top: 3px;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
.operation-toast-icon.notice-success {
|
||||
color: var(--p-green-500);
|
||||
}
|
||||
.operation-toast-icon.notice-error {
|
||||
color: var(--p-red-500);
|
||||
}
|
||||
.operation-toast-icon.notice-warn {
|
||||
color: var(--p-orange-500);
|
||||
}
|
||||
.operation-toast-icon.notice-info {
|
||||
color: var(--p-primary-color);
|
||||
}
|
||||
.operation-toast-copy {
|
||||
overflow-wrap: anywhere;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.operation-toast-results {
|
||||
margin-top: 8px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.operation-toast-results summary {
|
||||
cursor: pointer;
|
||||
color: var(--p-primary-color);
|
||||
}
|
||||
.operation-toast-results ul {
|
||||
max-height: min(240px, 40vh);
|
||||
margin: 8px 0 0;
|
||||
padding-left: 18px;
|
||||
overflow: auto;
|
||||
}
|
||||
.operation-toast-results li + li {
|
||||
margin-top: 6px;
|
||||
}
|
||||
@media (width<=600px) {
|
||||
.operation-toasts.p-toast {
|
||||
top: 68px !important;
|
||||
right: 12px !important;
|
||||
}
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.operation-toasts .p-toast-message {
|
||||
transition: none !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
.os-icon[data-v-01907ce4] {
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
flex-shrink: 0;
|
||||
display: block;
|
||||
}
|
||||
.os-icon-fallback[data-v-01907ce4] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
.page-info-notice[data-v-8f81f268] {
|
||||
min-width: 0;
|
||||
box-shadow: none;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.page-info-notice[data-v-8f81f268] .p-message-content {
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
padding: 10px 12px;
|
||||
}
|
||||
.page-info-notice[data-v-8f81f268] .p-message-icon {
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
width: 14px;
|
||||
height: 1.6rem;
|
||||
font-size: 14px;
|
||||
display: inline-flex;
|
||||
}
|
||||
.page-info-notice[data-v-8f81f268] .p-message-text {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.page-info-notice[data-v-8f81f268] a {
|
||||
color: inherit;
|
||||
text-underline-offset: 3px;
|
||||
font-weight: 500;
|
||||
text-decoration: underline;
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
.steps[data-v-a16c5dea] {
|
||||
margin: 0;
|
||||
padding: 4px 0 2px;
|
||||
list-style: none;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.step[data-v-a16c5dea],
|
||||
.steps[data-v-a16c5dea] {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.step[data-v-a16c5dea] {
|
||||
flex-shrink: 0;
|
||||
gap: 8px;
|
||||
}
|
||||
.step-dot[data-v-a16c5dea] {
|
||||
background: var(--p-content-hover-background);
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
border-radius: 50%;
|
||||
flex-shrink: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
transition:
|
||||
background 0.15s,
|
||||
color 0.15s,
|
||||
border-color 0.15s;
|
||||
display: inline-flex;
|
||||
}
|
||||
.step-dot[data-v-a16c5dea],
|
||||
.step-label[data-v-a16c5dea] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
.step-label[data-v-a16c5dea] {
|
||||
white-space: nowrap;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.step.done .step-dot[data-v-a16c5dea] {
|
||||
background: var(--p-primary-color, #10b981);
|
||||
border-color: var(--p-primary-color, #10b981);
|
||||
color: var(--p-primary-contrast-color, #fff);
|
||||
}
|
||||
.step.done .step-label[data-v-a16c5dea] {
|
||||
color: var(--p-text-color, #334155);
|
||||
}
|
||||
.step.active .step-dot[data-v-a16c5dea] {
|
||||
border-color: var(--p-primary-color, #10b981);
|
||||
color: var(--p-primary-color, #10b981);
|
||||
}
|
||||
.step.active .step-label[data-v-a16c5dea] {
|
||||
color: var(--p-text-color, #334155);
|
||||
font-weight: 500;
|
||||
}
|
||||
.step-line[data-v-a16c5dea] {
|
||||
background: var(--p-content-border-color, #e2e8f0);
|
||||
flex-shrink: 0;
|
||||
width: 40px;
|
||||
height: 1px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
.step.done .step-line[data-v-a16c5dea] {
|
||||
background: var(--p-primary-color, #10b981);
|
||||
}
|
||||
@@ -0,0 +1,283 @@
|
||||
.order-line[data-v-4931e21e] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 14px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.amount[data-v-4931e21e] {
|
||||
color: #ef4444;
|
||||
font-weight: 600;
|
||||
}
|
||||
.gateway-list[data-v-4931e21e] {
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.gateway-item[data-v-4931e21e] {
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
background: var(--p-content-background);
|
||||
cursor: pointer;
|
||||
border-radius: 10px;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 12px 14px;
|
||||
transition:
|
||||
border-color 0.15s,
|
||||
background 0.15s;
|
||||
display: flex;
|
||||
}
|
||||
.gateway-item.active[data-v-4931e21e],
|
||||
.gateway-item[data-v-4931e21e]:hover {
|
||||
border-color: var(--p-primary-color, #3b82f6);
|
||||
}
|
||||
.gateway-item.active[data-v-4931e21e] {
|
||||
background: var(--p-highlight-background);
|
||||
}
|
||||
.gateway-icon[data-v-4931e21e] {
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
flex-shrink: 0;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
}
|
||||
.pay-box[data-v-4931e21e] {
|
||||
justify-content: center;
|
||||
min-height: 180px;
|
||||
display: flex;
|
||||
}
|
||||
.pay-box[data-v-4931e21e] img {
|
||||
max-width: 200px;
|
||||
}
|
||||
.polling-tip[data-v-4931e21e] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.paid[data-v-4931e21e] {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.paid i[data-v-4931e21e] {
|
||||
color: var(--p-primary-color, #3b82f6);
|
||||
font-size: 2.75rem;
|
||||
}
|
||||
.paid p[data-v-4931e21e] {
|
||||
margin: 12px 0 0;
|
||||
font-size: 1.0625rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.msg[data-v-4931e21e] {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.voucher-row[data-v-4931e21e] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
border-radius: 6px;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
min-width: 0;
|
||||
margin-bottom: 18px;
|
||||
padding: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.voucher-heading[data-v-4931e21e] {
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.voucher-heading a[data-v-4931e21e] {
|
||||
color: var(--p-primary-color);
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-size: 0.875rem;
|
||||
text-decoration: none;
|
||||
display: inline-flex;
|
||||
}
|
||||
.voucher-heading a[data-v-4931e21e]:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.voucher-heading i[data-v-4931e21e] {
|
||||
font-size: 0.625rem;
|
||||
}
|
||||
.voucher-select[data-v-4931e21e] {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
.voucher-empty[data-v-4931e21e],
|
||||
.voucher-help[data-v-4931e21e] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.voucher-empty[data-v-4931e21e],
|
||||
.voucher-feedback[data-v-4931e21e] {
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.voucher-feedback[data-v-4931e21e] {
|
||||
color: var(--p-red-500, #ef4444);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.voucher-choice[data-v-4931e21e] {
|
||||
white-space: normal;
|
||||
overflow-wrap: anywhere;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.voucher-choice small[data-v-4931e21e] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.voucher-option[data-v-4931e21e] {
|
||||
color: #ef4444;
|
||||
margin-left: 8px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.voucher-tip[data-v-4931e21e] {
|
||||
color: #22c55e;
|
||||
margin: -6px 0 12px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.gateway-item[data-v-4931e21e] {
|
||||
border-radius: 0;
|
||||
padding: 10px 14px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.gateway-list[data-v-4931e21e] {
|
||||
gap: 0;
|
||||
}
|
||||
.gateway-item + .gateway-item[data-v-4931e21e] {
|
||||
margin-top: -1px;
|
||||
}
|
||||
.gateway-item[data-v-4931e21e]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.gateway-selected[data-v-4931e21e] {
|
||||
color: var(--p-primary-color);
|
||||
flex-shrink: 0;
|
||||
margin-left: auto;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
.gateway-item[data-v-4931e21e]:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.65;
|
||||
}
|
||||
.gateway-item.active[data-v-4931e21e] {
|
||||
z-index: 1;
|
||||
box-shadow: inset 0 0 0 1px var(--p-primary-color);
|
||||
position: relative;
|
||||
}
|
||||
.gateway-list > .gateway-item[data-v-4931e21e]:first-of-type {
|
||||
border-radius: 6px 6px 0 0;
|
||||
}
|
||||
.gateway-list > .gateway-item[data-v-4931e21e]:last-of-type {
|
||||
border-radius: 0 0 6px 6px;
|
||||
}
|
||||
.gateway-list > .gateway-item[data-v-4931e21e]:only-of-type {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.balance-icon[data-v-4931e21e] {
|
||||
text-align: center;
|
||||
flex-shrink: 0;
|
||||
width: 26px;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.balance-copy[data-v-4931e21e] {
|
||||
text-align: left;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
gap: 4px 12px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.balance-title[data-v-4931e21e] {
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.balance-copy small[data-v-4931e21e] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.gateway-title[data-v-4931e21e] {
|
||||
text-align: left;
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
}
|
||||
.payment-combination[data-v-4931e21e] {
|
||||
margin-top: 26px;
|
||||
}
|
||||
.combination-amount[data-v-4931e21e] {
|
||||
margin: 0 0 12px;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.combination-amount b[data-v-4931e21e] {
|
||||
font-variant-numeric: tabular-nums;
|
||||
font-weight: 500;
|
||||
}
|
||||
.balance-breakdown[data-v-4931e21e] {
|
||||
color: var(--p-text-muted-color);
|
||||
flex-direction: column;
|
||||
gap: 5px;
|
||||
margin-top: 12px;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.7;
|
||||
display: flex;
|
||||
}
|
||||
.balance-breakdown b[data-v-4931e21e] {
|
||||
color: var(--p-primary-color);
|
||||
}
|
||||
.balance-note[data-v-4931e21e] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin-top: 12px;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.amount[data-v-4931e21e] {
|
||||
color: var(--p-text-color);
|
||||
}
|
||||
.inline-payment h3[data-v-4931e21e] {
|
||||
margin: 0 0 14px;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.inline-payment .order-line[data-v-4931e21e] {
|
||||
display: none;
|
||||
}
|
||||
.inline-pay-actions[data-v-4931e21e] {
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
margin-top: 56px;
|
||||
display: flex;
|
||||
}
|
||||
.inline-payment .gateway-item[data-v-4931e21e] {
|
||||
min-height: 56px;
|
||||
padding: 14px 18px;
|
||||
}
|
||||
@media (width<=640px) {
|
||||
.order-line[data-v-4931e21e] {
|
||||
gap: 10px;
|
||||
}
|
||||
.order-line[data-v-4931e21e],
|
||||
.voucher-row[data-v-4931e21e] {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.voucher-select[data-v-4931e21e] {
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
.phone-code-field[data-v-24cb0489] {
|
||||
gap: 6px;
|
||||
display: grid;
|
||||
}
|
||||
.phone-code-field label[data-v-24cb0489] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.phone-code-input[data-v-24cb0489] {
|
||||
border: 1px solid
|
||||
var(--p-inputtext-border-color, var(--p-content-border-color));
|
||||
border-radius: var(--p-inputtext-border-radius, 6px);
|
||||
background: var(--p-inputtext-background, var(--p-content-background));
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 8px 12px;
|
||||
display: flex;
|
||||
}
|
||||
.phone-code-input input[data-v-24cb0489] {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
}
|
||||
.phone-code-input[data-v-24cb0489]:focus-within {
|
||||
outline: 1px solid var(--p-primary-color);
|
||||
}
|
||||
small[data-v-24cb0489] {
|
||||
color: var(--p-text-muted-color);
|
||||
}
|
||||
@@ -0,0 +1,115 @@
|
||||
.category-notice[data-v-faa6a7a3] {
|
||||
border: 1px solid
|
||||
color-mix(
|
||||
in srgb,
|
||||
var(--p-primary-color) 24%,
|
||||
var(--p-content-border-color)
|
||||
);
|
||||
background: color-mix(
|
||||
in srgb,
|
||||
var(--p-primary-color) 5%,
|
||||
var(--p-content-background)
|
||||
);
|
||||
min-width: 0;
|
||||
color: var(--p-text-color);
|
||||
border-radius: 8px;
|
||||
align-items: flex-start;
|
||||
gap: 12px;
|
||||
padding: 16px 20px;
|
||||
display: flex;
|
||||
}
|
||||
.category-notice-icon[data-v-faa6a7a3] {
|
||||
color: var(--p-primary-color);
|
||||
flex-shrink: 0;
|
||||
margin-top: 4px;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] {
|
||||
overflow-wrap: anywhere;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.category-notice-plain[data-v-faa6a7a3] {
|
||||
white-space: pre-line;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] blockquote,
|
||||
.category-notice-content[data-v-faa6a7a3] ol,
|
||||
.category-notice-content[data-v-faa6a7a3] p,
|
||||
.category-notice-content[data-v-faa6a7a3] ul {
|
||||
margin: 8px 0;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] h1,
|
||||
.category-notice-content[data-v-faa6a7a3] h2,
|
||||
.category-notice-content[data-v-faa6a7a3] h3,
|
||||
.category-notice-content[data-v-faa6a7a3] h4,
|
||||
.category-notice-content[data-v-faa6a7a3] h5,
|
||||
.category-notice-content[data-v-faa6a7a3] h6 {
|
||||
margin: 12px 0 8px;
|
||||
font-size: 1.0625rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] ol,
|
||||
.category-notice-content[data-v-faa6a7a3] ul {
|
||||
padding-left: 22px;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] ul {
|
||||
list-style: outside;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] a {
|
||||
color: var(--p-primary-color);
|
||||
text-underline-offset: 3px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] a:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] img {
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] figure {
|
||||
margin: 8px 0;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] blockquote {
|
||||
border-left: 3px solid var(--p-content-border-color);
|
||||
color: var(--p-text-muted-color);
|
||||
padding-left: 12px;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] pre {
|
||||
white-space: pre-wrap;
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] table {
|
||||
border-collapse: collapse;
|
||||
white-space: normal;
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] td,
|
||||
.category-notice-content[data-v-faa6a7a3] th {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
text-align: left;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.category-notice-content[data-v-faa6a7a3] > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@media (width<=760px) {
|
||||
.category-notice[data-v-faa6a7a3] {
|
||||
gap: 10px;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
.product-configuration-summary[data-v-cb8d72e4] {
|
||||
color: var(--p-text-muted-color);
|
||||
overflow-wrap: anywhere;
|
||||
margin: 0 0 8px;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.summary-line[data-v-cb8d72e4] {
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
gap: 3px 6px;
|
||||
display: flex;
|
||||
}
|
||||
.summary-separator[data-v-cb8d72e4] {
|
||||
opacity: 0.55;
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
.product-custom-fields[data-v-9d2a6f70] {
|
||||
min-width: 0;
|
||||
}
|
||||
.field-note[data-v-9d2a6f70] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.product-custom-fields > .field-note[data-v-9d2a6f70] {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@@ -0,0 +1,274 @@
|
||||
.product-description[data-v-8a6cfb44] {
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
color: var(--p-text-color);
|
||||
overflow-wrap: anywhere;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.description-panel[data-v-8a6cfb44] {
|
||||
background: #fff;
|
||||
border-top: 1px solid #e2e9f3;
|
||||
border-bottom: 1px solid #dfe6f0;
|
||||
padding: 0;
|
||||
}
|
||||
.description-header[data-v-8a6cfb44] {
|
||||
background: #f5f8fe;
|
||||
border-bottom: 1px solid #dfe6f0;
|
||||
padding: 8px clamp(20px, 8.6%, 110px);
|
||||
}
|
||||
.description-header h2[data-v-8a6cfb44] {
|
||||
color: #657286;
|
||||
margin: 0;
|
||||
font-size: 21px;
|
||||
font-weight: 500;
|
||||
line-height: 1.35;
|
||||
}
|
||||
.description-content[data-v-8a6cfb44] {
|
||||
min-width: 0;
|
||||
}
|
||||
.description-panel .description-content[data-v-8a6cfb44] {
|
||||
padding: 40px clamp(20px, 8.6%, 110px) 52px;
|
||||
}
|
||||
.description-field[data-v-8a6cfb44] {
|
||||
grid-template-columns: 160px minmax(0, 1fr);
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
margin: 0;
|
||||
padding: 16px 0;
|
||||
display: grid;
|
||||
}
|
||||
.description-field dt[data-v-8a6cfb44] {
|
||||
color: #708096;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
min-width: 0;
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
display: flex;
|
||||
}
|
||||
.description-field dt i[data-v-8a6cfb44] {
|
||||
color: #768aa7;
|
||||
flex: none;
|
||||
font-size: 18px;
|
||||
}
|
||||
.description-field dd[data-v-8a6cfb44] {
|
||||
color: #394658;
|
||||
white-space: pre-line;
|
||||
min-width: 0;
|
||||
margin: 0;
|
||||
font-size: 22px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.description-field--network dt i[data-v-8a6cfb44] {
|
||||
color: #5084a6;
|
||||
}
|
||||
.description-field--notes dt i[data-v-8a6cfb44] {
|
||||
color: #8792a2;
|
||||
}
|
||||
.description-field--security dt i[data-v-8a6cfb44] {
|
||||
color: #4e9276;
|
||||
}
|
||||
.description-field--hardware dt i[data-v-8a6cfb44] {
|
||||
color: #756fb1;
|
||||
}
|
||||
.description-field--resources dt i[data-v-8a6cfb44] {
|
||||
color: #52818a;
|
||||
}
|
||||
.description-field--billing dt i[data-v-8a6cfb44] {
|
||||
color: #a17a3f;
|
||||
}
|
||||
.description-paragraph[data-v-8a6cfb44] {
|
||||
white-space: pre-line;
|
||||
margin: 12px 0;
|
||||
}
|
||||
.description-content > .description-paragraph[data-v-8a6cfb44]:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.description-content > .description-paragraph[data-v-8a6cfb44]:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.description-header
|
||||
+ .description-content
|
||||
> .description-paragraph[data-v-8a6cfb44]:first-child {
|
||||
margin-top: 16px;
|
||||
}
|
||||
.description-compact .description-field[data-v-8a6cfb44] {
|
||||
border: 0;
|
||||
grid-template-columns: 76px minmax(0, 1fr);
|
||||
gap: 14px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.description-compact .description-field[data-v-8a6cfb44]:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
.description-compact .description-field dt[data-v-8a6cfb44] {
|
||||
gap: 7px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.description-compact .description-field dt i[data-v-8a6cfb44] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.description-compact .description-field dd[data-v-8a6cfb44] {
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.description-compact .description-paragraph[data-v-8a6cfb44] {
|
||||
color: var(--p-text-muted-color);
|
||||
}
|
||||
.description-preview[data-v-8a6cfb44] {
|
||||
-webkit-line-clamp: 3;
|
||||
-webkit-box-orient: vertical;
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
.description-empty[data-v-8a6cfb44] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
}
|
||||
.description-toggle[data-v-8a6cfb44] {
|
||||
min-height: 32px;
|
||||
font: inherit;
|
||||
color: var(--p-primary-color);
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
margin-top: 8px;
|
||||
padding: 3px 0;
|
||||
font-size: 0.875rem;
|
||||
display: inline-flex;
|
||||
}
|
||||
.description-toggle[data-v-8a6cfb44]:hover {
|
||||
text-underline-offset: 3px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.description-toggle[data-v-8a6cfb44]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 3px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.description-toggle i[data-v-8a6cfb44] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] {
|
||||
min-width: 0;
|
||||
padding-top: 8px;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] dl,
|
||||
.description-rich[data-v-8a6cfb44] ol,
|
||||
.description-rich[data-v-8a6cfb44] p,
|
||||
.description-rich[data-v-8a6cfb44] ul {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] h1,
|
||||
.description-rich[data-v-8a6cfb44] h2,
|
||||
.description-rich[data-v-8a6cfb44] h3,
|
||||
.description-rich[data-v-8a6cfb44] h4,
|
||||
.description-rich[data-v-8a6cfb44] h5,
|
||||
.description-rich[data-v-8a6cfb44] h6 {
|
||||
color: var(--p-text-color);
|
||||
margin: 20px 0 8px;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] ol,
|
||||
.description-rich[data-v-8a6cfb44] ul {
|
||||
padding-left: 22px;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] ul {
|
||||
list-style: outside;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] li {
|
||||
margin-block: 4px;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] a {
|
||||
color: var(--p-primary-color);
|
||||
text-underline-offset: 3px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] img {
|
||||
border-radius: 4px;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] figure {
|
||||
margin: 14px 0;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] figcaption {
|
||||
color: var(--p-text-muted-color);
|
||||
margin-top: 6px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] table {
|
||||
border-collapse: collapse;
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] td,
|
||||
.description-rich[data-v-8a6cfb44] th {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
text-align: left;
|
||||
padding: 8px 12px;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] th {
|
||||
background: var(--p-content-hover-background);
|
||||
font-weight: 500;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] pre {
|
||||
white-space: pre-wrap;
|
||||
background: var(--p-content-hover-background);
|
||||
border-radius: 4px;
|
||||
max-width: 100%;
|
||||
padding: 12px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] blockquote {
|
||||
border-left: 3px solid var(--p-primary-color);
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 14px 0;
|
||||
padding: 4px 14px;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] hr {
|
||||
border: 0;
|
||||
border-top: 1px solid var(--p-content-border-color);
|
||||
margin: 16px 0;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.description-rich[data-v-8a6cfb44] > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@media (width<=760px) {
|
||||
.description-header[data-v-8a6cfb44] {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.description-header h2[data-v-8a6cfb44] {
|
||||
font-size: 17px;
|
||||
}
|
||||
.description-panel .description-content[data-v-8a6cfb44] {
|
||||
padding: 20px 20px 28px;
|
||||
}
|
||||
.description-field[data-v-8a6cfb44] {
|
||||
grid-template-columns: 94px minmax(0, 1fr);
|
||||
gap: 12px;
|
||||
padding: 12px 0;
|
||||
}
|
||||
.description-field dt[data-v-8a6cfb44] {
|
||||
gap: 8px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.description-field dt i[data-v-8a6cfb44] {
|
||||
font-size: 14px;
|
||||
}
|
||||
.description-field dd[data-v-8a6cfb44] {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
.product-group-label[data-v-6806c62d] {
|
||||
align-items: center;
|
||||
justify-content: inherit;
|
||||
vertical-align: middle;
|
||||
flex-wrap: wrap;
|
||||
gap: 5px 8px;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
display: inline-flex;
|
||||
}
|
||||
.product-group-name[data-v-6806c62d] {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
}
|
||||
.product-group-badge[data-v-6806c62d] {
|
||||
border: 1px solid
|
||||
color-mix(in srgb, var(--p-primary-color) 24%, var(--p-content-background));
|
||||
background: color-mix(
|
||||
in srgb,
|
||||
var(--p-primary-color) 9%,
|
||||
var(--p-content-background)
|
||||
);
|
||||
max-width: 100%;
|
||||
color: var(--p-primary-700);
|
||||
overflow-wrap: anywhere;
|
||||
border-radius: 5px;
|
||||
padding: 1px 7px;
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.286rem;
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
.promo summary[data-v-a17e621a] {
|
||||
color: var(--p-primary-color);
|
||||
cursor: pointer;
|
||||
margin-bottom: 8px;
|
||||
font-size: 0.875rem;
|
||||
list-style: none;
|
||||
}
|
||||
.promo[data-v-a17e621a] {
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
display: flex;
|
||||
}
|
||||
.promo > label[data-v-a17e621a] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.promo-body[data-v-a17e621a] {
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.promo-input[data-v-a17e621a] {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
.promo-tip[data-v-a17e621a] {
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.promo-tip.ok[data-v-a17e621a] {
|
||||
color: #22c55e;
|
||||
}
|
||||
.promo-tip.fail[data-v-a17e621a] {
|
||||
color: #ef4444;
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
.step[data-v-c038cb91] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.field-label[data-v-c038cb91] {
|
||||
color: var(--p-text-color, #334155);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.recharge-options[data-v-c038cb91] {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: 7px;
|
||||
margin-bottom: 21px;
|
||||
display: grid;
|
||||
}
|
||||
.recharge-option[data-v-c038cb91] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
height: 56px;
|
||||
color: var(--p-text-color);
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border-radius: 5px;
|
||||
font-size: 1.0625rem;
|
||||
}
|
||||
.recharge-option.active[data-v-c038cb91] {
|
||||
border-color: var(--p-primary-color);
|
||||
color: var(--p-primary-color);
|
||||
background: var(--p-highlight-background);
|
||||
}
|
||||
.recharge-option[data-v-c038cb91]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.custom-amount[data-v-c038cb91] {
|
||||
grid-column: span 2;
|
||||
min-width: 0;
|
||||
}
|
||||
.custom-amount[data-v-c038cb91] input {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
height: 56px;
|
||||
}
|
||||
@media (width<=480px) {
|
||||
.recharge-options[data-v-c038cb91] {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,92 @@
|
||||
.upg[data-v-7efd9d4d] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.upg-state[data-v-7efd9d4d] {
|
||||
text-align: center;
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
padding: 18px 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.info-table[data-v-7efd9d4d] {
|
||||
border: 1px solid var(--console-panel-border);
|
||||
box-shadow: var(--console-panel-shadow);
|
||||
background: var(--console-panel-bg);
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.kv[data-v-7efd9d4d] {
|
||||
grid-template-columns: 16.6667% minmax(0, 1fr);
|
||||
align-items: center;
|
||||
min-height: 49px;
|
||||
display: grid;
|
||||
}
|
||||
.kv + .kv[data-v-7efd9d4d] {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
}
|
||||
.kv[data-v-7efd9d4d]:nth-child(2n) {
|
||||
background: var(--console-page-bg);
|
||||
}
|
||||
.kv[data-v-7efd9d4d] > * {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
padding: 14px;
|
||||
}
|
||||
.kv[data-v-7efd9d4d] > :first-child {
|
||||
color: var(--p-text-muted-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
.config-field[data-v-7efd9d4d] .p-inputnumber,
|
||||
.config-field[data-v-7efd9d4d] .p-select {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
max-width: 420px;
|
||||
}
|
||||
.config-field[data-v-7efd9d4d] .p-inputnumber-input {
|
||||
flex: 1;
|
||||
width: 0;
|
||||
min-width: 0;
|
||||
}
|
||||
.config-field[data-v-7efd9d4d] .p-select-label {
|
||||
min-width: 0;
|
||||
}
|
||||
.action-cell[data-v-7efd9d4d] .p-button {
|
||||
max-width: 100%;
|
||||
}
|
||||
@media (width<=767px) {
|
||||
.kv[data-v-7efd9d4d] {
|
||||
grid-template-columns: 100px minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
.upg-note[data-v-7efd9d4d],
|
||||
.upg-unsupported[data-v-7efd9d4d] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.upg-price[data-v-7efd9d4d] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
align-items: baseline;
|
||||
gap: 8px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.upg-price b[data-v-7efd9d4d] {
|
||||
color: #ef4444;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
.upg-loading[data-v-7efd9d4d] {
|
||||
display: inline-flex;
|
||||
}
|
||||
.upg-price .upg-idle[data-v-7efd9d4d] {
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.upg-desc[data-v-7efd9d4d],
|
||||
.upg-price .upg-idle[data-v-7efd9d4d] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
.upg-desc[data-v-7efd9d4d] {
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
@@ -0,0 +1,233 @@
|
||||
.remote-console[data-v-e696489e] {
|
||||
color: #23324d;
|
||||
background: #f8fafc;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100dvh;
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
.console-header[data-v-e696489e] {
|
||||
background: #fff;
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
padding: 14px 22px;
|
||||
display: flex;
|
||||
}
|
||||
.console-mark[data-v-e696489e] {
|
||||
color: #0052d9;
|
||||
background: #edf4ff;
|
||||
border-radius: 10px;
|
||||
flex: 0 0 40px;
|
||||
place-items: center;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 1.375rem;
|
||||
display: grid;
|
||||
}
|
||||
.console-heading[data-v-e696489e] {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
.console-heading h1[data-v-e696489e] {
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
gap: 10px;
|
||||
margin: 0;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 650;
|
||||
line-height: 1.45;
|
||||
display: flex;
|
||||
}
|
||||
.console-brand[data-v-e696489e] {
|
||||
color: #64748b;
|
||||
letter-spacing: 0.04em;
|
||||
margin: 0 0 2px;
|
||||
font-size: 0.8125rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.console-target[data-v-e696489e] {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin: 3px 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.console-target[data-v-e696489e],
|
||||
.host-id[data-v-e696489e] {
|
||||
color: #64748b;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.host-id[data-v-e696489e] {
|
||||
flex-shrink: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
.connection-state[data-v-e696489e] {
|
||||
color: #64748b;
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
font-size: 0.875rem;
|
||||
display: flex;
|
||||
}
|
||||
.state-dot[data-v-e696489e] {
|
||||
background: currentColor;
|
||||
border-radius: 50%;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
}
|
||||
.state-connected[data-v-e696489e] {
|
||||
color: #16803c;
|
||||
}
|
||||
.state-error[data-v-e696489e] {
|
||||
color: #c2413a;
|
||||
}
|
||||
.state-connecting[data-v-e696489e],
|
||||
.state-creating[data-v-e696489e] {
|
||||
color: #0052d9;
|
||||
}
|
||||
.console-toolbar[data-v-e696489e] {
|
||||
background: #f8fafc;
|
||||
border-block: 1px solid #e2e8f0;
|
||||
flex-shrink: 0;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
padding: 11px 20px;
|
||||
}
|
||||
.console-toolbar[data-v-e696489e],
|
||||
.toolbar-group[data-v-e696489e] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.toolbar-group[data-v-e696489e] {
|
||||
gap: 8px;
|
||||
}
|
||||
.toolbar-message[data-v-e696489e] {
|
||||
color: #8a5900;
|
||||
flex-shrink: 0;
|
||||
margin: 0;
|
||||
padding: 9px 20px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.console-display[data-v-e696489e] {
|
||||
background: #141b2b;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.console-screen[data-v-e696489e] {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
}
|
||||
.console-overlay[data-v-e696489e] {
|
||||
color: #f8fafc;
|
||||
background: #141b2b;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 24px;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
.connection-message[data-v-e696489e] {
|
||||
text-align: center;
|
||||
max-width: 380px;
|
||||
}
|
||||
.state-icon[data-v-e696489e] {
|
||||
color: #9bb7e9;
|
||||
font-size: 1.875rem;
|
||||
}
|
||||
.connection-message h3[data-v-e696489e],
|
||||
.credential-form h3[data-v-e696489e] {
|
||||
margin: 18px 0 8px;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.connection-message p[data-v-e696489e],
|
||||
.credential-form p[data-v-e696489e] {
|
||||
color: #b6c3d9;
|
||||
margin: 0 0 22px;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.credential-form[data-v-e696489e] {
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
width: min(320px, 100%);
|
||||
margin: auto;
|
||||
display: flex;
|
||||
}
|
||||
.credential-form .state-icon[data-v-e696489e],
|
||||
.credential-form h3[data-v-e696489e],
|
||||
.credential-form > p[data-v-e696489e] {
|
||||
text-align: center;
|
||||
}
|
||||
.credential-form h3[data-v-e696489e] {
|
||||
margin: 8px 0 0;
|
||||
}
|
||||
.credential-form p[data-v-e696489e] {
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
.credential-form label[data-v-e696489e] {
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.credential-form .credential-error[data-v-e696489e] {
|
||||
color: #fca5a5;
|
||||
}
|
||||
.console-footer[data-v-e696489e] {
|
||||
color: #64748b;
|
||||
border-top: 1px solid #e2e8f0;
|
||||
flex-wrap: wrap;
|
||||
flex-shrink: 0;
|
||||
justify-content: space-between;
|
||||
gap: 8px;
|
||||
padding: 11px 20px;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
}
|
||||
.remote-console[data-v-e696489e]:fullscreen {
|
||||
width: 100vw;
|
||||
height: 100dvh;
|
||||
}
|
||||
@media (width<=640px) {
|
||||
.console-header[data-v-e696489e] {
|
||||
gap: 9px;
|
||||
padding: 14px 12px;
|
||||
}
|
||||
.console-mark[data-v-e696489e] {
|
||||
display: none;
|
||||
}
|
||||
.console-heading h1[data-v-e696489e] {
|
||||
gap: 7px;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
.connection-state[data-v-e696489e] {
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
.console-toolbar[data-v-e696489e] {
|
||||
padding: 10px;
|
||||
}
|
||||
.toolbar-group[data-v-e696489e] {
|
||||
gap: 6px;
|
||||
}
|
||||
.console-footer[data-v-e696489e] {
|
||||
padding: 10px 12px;
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.pi-spin[data-v-e696489e] {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
.rich-editor[data-v-858a2ddd] {
|
||||
border: 1px solid var(--p-form-field-border-color);
|
||||
background: var(--p-form-field-background);
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.rich-editor[data-v-858a2ddd]:focus-within {
|
||||
border-color: var(--p-primary-color);
|
||||
}
|
||||
.editor-toolbar[data-v-858a2ddd] {
|
||||
border-bottom: 1px solid var(--console-panel-border);
|
||||
flex-wrap: wrap;
|
||||
gap: 3.5px;
|
||||
padding: 4px 7px;
|
||||
display: flex;
|
||||
}
|
||||
.editor-toolbar button[data-v-858a2ddd] {
|
||||
width: 24px;
|
||||
height: 28px;
|
||||
color: var(--p-text-muted-color);
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.editor-toolbar button[data-v-858a2ddd]:hover {
|
||||
background: var(--p-content-hover-background);
|
||||
}
|
||||
.editor-toolbar i[data-v-858a2ddd] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.editor-content[data-v-858a2ddd] {
|
||||
overflow-wrap: anywhere;
|
||||
outline: none;
|
||||
padding: 14px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.editor-content[data-v-858a2ddd]:empty:before {
|
||||
content: attr(data-placeholder);
|
||||
color: var(--p-text-muted-color);
|
||||
pointer-events: none;
|
||||
}
|
||||
.editor-content[data-v-858a2ddd] p {
|
||||
margin: 0 0 7px;
|
||||
}
|
||||
.disabled[data-v-858a2ddd] {
|
||||
opacity: 0.6;
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
.ring[data-v-bff6718d] {
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
}
|
||||
.ring-bar[data-v-bff6718d] {
|
||||
transition: stroke-dashoffset 0.4s;
|
||||
}
|
||||
.ring-text[data-v-bff6718d] {
|
||||
pointer-events: none;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
}
|
||||
.ring-value[data-v-bff6718d] {
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
}
|
||||
.ring-label[data-v-bff6718d] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 1rem;
|
||||
line-height: 1;
|
||||
}
|
||||
@@ -0,0 +1,471 @@
|
||||
.roxy-mascot[data-v-65169a82] {
|
||||
--roxy-ink: #45465f;
|
||||
--roxy-hair: #779aca;
|
||||
--roxy-hair-light: #a8c4e4;
|
||||
--roxy-hair-dark: #5376a7;
|
||||
--roxy-skin: #ffe7d5;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
isolation: isolate;
|
||||
width: 240px;
|
||||
height: 160px;
|
||||
position: relative;
|
||||
}
|
||||
.roxy-mascot[data-v-65169a82] *,
|
||||
.roxy-mascot[data-v-65169a82] :after,
|
||||
.roxy-mascot[data-v-65169a82] :before {
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
}
|
||||
.roxy-shadow[data-v-65169a82] {
|
||||
background: #3d517721;
|
||||
border-radius: 50%;
|
||||
width: 176px;
|
||||
height: 9px;
|
||||
bottom: 8px;
|
||||
left: 48px;
|
||||
}
|
||||
.roxy-body[data-v-65169a82] {
|
||||
border: 2px solid var(--roxy-ink);
|
||||
background: #f4e8cd;
|
||||
border-radius: 42% 55% 20% 25%;
|
||||
width: 93px;
|
||||
height: 34px;
|
||||
top: 114px;
|
||||
left: 127px;
|
||||
overflow: hidden;
|
||||
transform: rotate(4deg);
|
||||
}
|
||||
.cape-fold[data-v-65169a82] {
|
||||
border-right: 2px solid #b6a98e;
|
||||
border-radius: 50%;
|
||||
width: 25px;
|
||||
height: 31px;
|
||||
top: -4px;
|
||||
left: 16px;
|
||||
transform: rotate(-14deg);
|
||||
}
|
||||
.cape-hem[data-v-65169a82] {
|
||||
background: #514957;
|
||||
border-radius: 70% 0 0;
|
||||
width: 41px;
|
||||
height: 16px;
|
||||
bottom: -2px;
|
||||
right: -2px;
|
||||
}
|
||||
.cape-hem[data-v-65169a82],
|
||||
.roxy-leg[data-v-65169a82] {
|
||||
border: 2px solid var(--roxy-ink);
|
||||
}
|
||||
.roxy-leg[data-v-65169a82] {
|
||||
transform-origin: 50% 100%;
|
||||
background: #f5dcc7;
|
||||
border-radius: 9px;
|
||||
width: 15px;
|
||||
height: 35px;
|
||||
}
|
||||
.leg-back[data-v-65169a82] {
|
||||
top: 94px;
|
||||
left: 190px;
|
||||
transform: rotate(22deg);
|
||||
}
|
||||
.leg-front[data-v-65169a82] {
|
||||
top: 101px;
|
||||
left: 203px;
|
||||
transform: rotate(42deg);
|
||||
}
|
||||
.roxy-leg i[data-v-65169a82] {
|
||||
border: 2px solid var(--roxy-ink);
|
||||
background: #6c5654;
|
||||
border-radius: 8px 8px 4px 4px;
|
||||
width: 21px;
|
||||
height: 23px;
|
||||
top: -8px;
|
||||
left: -4px;
|
||||
}
|
||||
.roxy-leg i[data-v-65169a82]:after {
|
||||
content: "";
|
||||
border-top: 2px solid #c4a47c;
|
||||
bottom: 3px;
|
||||
left: 1px;
|
||||
right: 1px;
|
||||
}
|
||||
.roxy-sleeve[data-v-65169a82] {
|
||||
border: 2px solid var(--roxy-ink);
|
||||
background: #f4e8cd;
|
||||
border-radius: 50% 50% 35% 35%;
|
||||
width: 37px;
|
||||
height: 19px;
|
||||
top: 132px;
|
||||
}
|
||||
.sleeve-left[data-v-65169a82] {
|
||||
left: 65px;
|
||||
transform: rotate(-9deg);
|
||||
}
|
||||
.sleeve-right[data-v-65169a82] {
|
||||
left: 125px;
|
||||
transform: rotate(9deg);
|
||||
}
|
||||
.roxy-hand[data-v-65169a82] {
|
||||
background: var(--roxy-skin);
|
||||
border: 1.5px solid #a27f7a;
|
||||
border-radius: 45% 45% 48% 48%;
|
||||
width: 23px;
|
||||
height: 13px;
|
||||
top: 142px;
|
||||
}
|
||||
.hand-left[data-v-65169a82] {
|
||||
left: 70px;
|
||||
transform: rotate(-8deg);
|
||||
}
|
||||
.hand-right[data-v-65169a82] {
|
||||
left: 129px;
|
||||
transform: rotate(8deg);
|
||||
}
|
||||
.roxy-hand i[data-v-65169a82] {
|
||||
background: #d7af9b;
|
||||
width: 1px;
|
||||
height: 4px;
|
||||
top: 6px;
|
||||
left: 7px;
|
||||
box-shadow: 4px 0 #d7af9b;
|
||||
}
|
||||
.roxy-head[data-v-65169a82] {
|
||||
transform-origin: 59% 94%;
|
||||
width: 151px;
|
||||
height: 143px;
|
||||
animation: 5.6s ease-in-out infinite roxy-head-sway-65169a82;
|
||||
top: 4px;
|
||||
left: 29px;
|
||||
}
|
||||
.hair-back[data-v-65169a82] {
|
||||
border: 2px solid var(--roxy-ink);
|
||||
background: var(--roxy-hair-dark);
|
||||
border-radius: 48% 48% 28% 30%;
|
||||
width: 81px;
|
||||
height: 83px;
|
||||
top: 53px;
|
||||
left: 44px;
|
||||
}
|
||||
.roxy-face[data-v-65169a82] {
|
||||
border: 1.5px solid var(--roxy-ink);
|
||||
border-top: 0;
|
||||
border-radius: 36% 36% 46% 46%;
|
||||
width: 67px;
|
||||
height: 62px;
|
||||
top: 72px;
|
||||
left: 51px;
|
||||
box-shadow: inset 0 6px #efd0bd;
|
||||
}
|
||||
.roxy-ear[data-v-65169a82],
|
||||
.roxy-face[data-v-65169a82] {
|
||||
background: var(--roxy-skin);
|
||||
}
|
||||
.roxy-ear[data-v-65169a82] {
|
||||
border: 1.5px solid #a27f7a;
|
||||
border-radius: 50%;
|
||||
width: 12px;
|
||||
height: 16px;
|
||||
top: 103px;
|
||||
}
|
||||
.ear-left[data-v-65169a82] {
|
||||
left: 46px;
|
||||
}
|
||||
.ear-right[data-v-65169a82] {
|
||||
left: 111px;
|
||||
}
|
||||
.roxy-brow[data-v-65169a82] {
|
||||
border-top: 2px solid #637699;
|
||||
border-radius: 50%;
|
||||
width: 13px;
|
||||
height: 4px;
|
||||
top: 16px;
|
||||
}
|
||||
.brow-left[data-v-65169a82] {
|
||||
left: 10px;
|
||||
transform: rotate(-5deg);
|
||||
}
|
||||
.brow-right[data-v-65169a82] {
|
||||
right: 9px;
|
||||
transform: rotate(5deg);
|
||||
}
|
||||
.roxy-eye[data-v-65169a82] {
|
||||
border: 1.5px solid var(--roxy-ink);
|
||||
transform-origin: 50%;
|
||||
background: #fbfcff;
|
||||
border-top-width: 3px;
|
||||
border-radius: 42% 42% 46% 46%;
|
||||
width: 15px;
|
||||
height: 19px;
|
||||
animation: 7.8s linear infinite roxy-blink-65169a82;
|
||||
top: 24px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.eye-left[data-v-65169a82] {
|
||||
left: 10px;
|
||||
transform: rotate(2deg);
|
||||
}
|
||||
.eye-right[data-v-65169a82] {
|
||||
right: 9px;
|
||||
transform: rotate(-2deg);
|
||||
}
|
||||
.roxy-eye i[data-v-65169a82] {
|
||||
background: #3d649c;
|
||||
border-radius: 45%;
|
||||
width: 10px;
|
||||
height: 15px;
|
||||
top: 0;
|
||||
left: 2px;
|
||||
box-shadow: inset 0 -5px #6a9ed4;
|
||||
}
|
||||
.roxy-eye i[data-v-65169a82]:before {
|
||||
background: #2c3d63;
|
||||
height: 9px;
|
||||
left: 3px;
|
||||
}
|
||||
.roxy-eye i[data-v-65169a82]:after,
|
||||
.roxy-eye i[data-v-65169a82]:before {
|
||||
content: "";
|
||||
border-radius: 50%;
|
||||
width: 4px;
|
||||
top: 1px;
|
||||
}
|
||||
.roxy-eye i[data-v-65169a82]:after {
|
||||
background: #fff;
|
||||
height: 5px;
|
||||
left: 0;
|
||||
box-shadow: 6px 9px 0 -1px #d5edff;
|
||||
}
|
||||
.roxy-cheek[data-v-65169a82] {
|
||||
opacity: 0.55;
|
||||
background: #efa5a3;
|
||||
border-radius: 50%;
|
||||
width: 12px;
|
||||
height: 5px;
|
||||
top: 43px;
|
||||
}
|
||||
.cheek-left[data-v-65169a82] {
|
||||
left: 5px;
|
||||
}
|
||||
.cheek-right[data-v-65169a82] {
|
||||
right: 4px;
|
||||
}
|
||||
.roxy-nose[data-v-65169a82] {
|
||||
background: #dba996;
|
||||
border-radius: 50%;
|
||||
width: 3px;
|
||||
height: 2px;
|
||||
top: 41px;
|
||||
left: 32px;
|
||||
}
|
||||
.roxy-mouth[data-v-65169a82] {
|
||||
border-bottom: 1.5px solid #a66c75;
|
||||
border-radius: 0 0 50% 50%;
|
||||
width: 10px;
|
||||
height: 5px;
|
||||
top: 47px;
|
||||
left: 28px;
|
||||
}
|
||||
.roxy-fringe[data-v-65169a82] {
|
||||
background: var(--roxy-hair);
|
||||
border: 1.5px solid var(--roxy-ink);
|
||||
box-shadow: inset 4px 1px var(--roxy-hair-light);
|
||||
}
|
||||
.fringe-left[data-v-65169a82] {
|
||||
border-radius: 85% 12% 95% 10%;
|
||||
width: 34px;
|
||||
height: 44px;
|
||||
top: 66px;
|
||||
left: 44px;
|
||||
transform: rotate(7deg);
|
||||
}
|
||||
.fringe-middle[data-v-65169a82] {
|
||||
border-radius: 25% 20% 18% 95%;
|
||||
width: 24px;
|
||||
height: 34px;
|
||||
top: 65px;
|
||||
left: 73px;
|
||||
transform: rotate(-18deg);
|
||||
}
|
||||
.fringe-right[data-v-65169a82] {
|
||||
border-radius: 12% 85% 10% 95%;
|
||||
width: 31px;
|
||||
height: 46px;
|
||||
top: 65px;
|
||||
left: 92px;
|
||||
transform: rotate(-10deg);
|
||||
}
|
||||
.roxy-braid[data-v-65169a82] {
|
||||
width: 19px;
|
||||
height: 46px;
|
||||
top: 109px;
|
||||
}
|
||||
.braid-left[data-v-65169a82] {
|
||||
left: 34px;
|
||||
transform: rotate(13deg);
|
||||
}
|
||||
.braid-right[data-v-65169a82] {
|
||||
left: 120px;
|
||||
transform: rotate(-17deg);
|
||||
}
|
||||
.roxy-braid i[data-v-65169a82] {
|
||||
border: 1.5px solid var(--roxy-ink);
|
||||
background: var(--roxy-hair);
|
||||
width: 15px;
|
||||
height: 14px;
|
||||
box-shadow: inset 3px 1px var(--roxy-hair-light);
|
||||
border-radius: 55% 45%;
|
||||
}
|
||||
.roxy-braid i[data-v-65169a82]:first-child {
|
||||
top: 0;
|
||||
left: 0;
|
||||
transform: rotate(-23deg);
|
||||
}
|
||||
.roxy-braid i[data-v-65169a82]:nth-child(2) {
|
||||
top: 9px;
|
||||
left: 3px;
|
||||
transform: rotate(23deg);
|
||||
}
|
||||
.roxy-braid i[data-v-65169a82]:nth-child(3) {
|
||||
top: 18px;
|
||||
left: 0;
|
||||
transform: rotate(-23deg);
|
||||
}
|
||||
.roxy-braid i[data-v-65169a82]:nth-child(4) {
|
||||
top: 27px;
|
||||
left: 3px;
|
||||
transform: rotate(23deg);
|
||||
}
|
||||
.hair-tie[data-v-65169a82] {
|
||||
background: #d8bd73;
|
||||
border: 1px solid #65533e;
|
||||
border-radius: 2px;
|
||||
width: 15px;
|
||||
height: 5px;
|
||||
top: 35px;
|
||||
left: 2px;
|
||||
}
|
||||
.roxy-hat[data-v-65169a82] {
|
||||
width: 152px;
|
||||
height: 85px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transform: rotate(-8deg);
|
||||
}
|
||||
.hat-cone[data-v-65169a82] {
|
||||
background: #463d4a;
|
||||
width: 104px;
|
||||
height: 79px;
|
||||
top: 0;
|
||||
left: 31px;
|
||||
}
|
||||
.hat-cone[data-v-65169a82],
|
||||
.hat-cone[data-v-65169a82]:before {
|
||||
clip-path: polygon(3% 100%, 24% 29%, 62% 0, 58% 23%, 76% 53%, 100% 100%);
|
||||
}
|
||||
.hat-cone[data-v-65169a82]:before {
|
||||
content: "";
|
||||
background: #79615c;
|
||||
inset: 3px;
|
||||
}
|
||||
.hat-seam[data-v-65169a82] {
|
||||
opacity: 0.8;
|
||||
border-left: 2px solid #ad9180;
|
||||
width: 27px;
|
||||
height: 38px;
|
||||
top: 22px;
|
||||
left: 41px;
|
||||
transform: rotate(24deg);
|
||||
}
|
||||
.hat-band[data-v-65169a82] {
|
||||
background: #e7d9ad;
|
||||
border: 2px solid #574958;
|
||||
border-radius: 40% 45% 10% 10%;
|
||||
width: 82px;
|
||||
height: 16px;
|
||||
top: 57px;
|
||||
left: 43px;
|
||||
transform: rotate(5deg);
|
||||
}
|
||||
.hat-brim[data-v-65169a82] {
|
||||
background: #8b7166;
|
||||
border: 2px solid #463d4a;
|
||||
border-radius: 50%;
|
||||
width: 148px;
|
||||
height: 19px;
|
||||
top: 68px;
|
||||
left: 3px;
|
||||
transform: rotate(3deg);
|
||||
box-shadow: inset 0 -5px #584952;
|
||||
}
|
||||
.hat-buckle[data-v-65169a82] {
|
||||
background: #544b5b;
|
||||
border: 3px solid #b39b69;
|
||||
border-radius: 3px;
|
||||
width: 13px;
|
||||
height: 15px;
|
||||
top: 60px;
|
||||
left: 96px;
|
||||
transform: rotate(5deg);
|
||||
}
|
||||
.roxy-staff[data-v-65169a82] {
|
||||
background: #b38c69;
|
||||
border: 1px solid #624d44;
|
||||
border-radius: 6px;
|
||||
width: 182px;
|
||||
height: 5px;
|
||||
top: 144px;
|
||||
left: 17px;
|
||||
transform: rotate(-3deg);
|
||||
}
|
||||
.staff-ring[data-v-65169a82] {
|
||||
border: 4px solid #aa845e;
|
||||
border-radius: 50%;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
top: -14px;
|
||||
left: -9px;
|
||||
box-shadow: 0 0 0 1px #624d44;
|
||||
}
|
||||
.staff-ring i[data-v-65169a82] {
|
||||
background: #c98fa9;
|
||||
border: 1px solid #914d66;
|
||||
border-radius: 30% 45% 35%;
|
||||
inset: 1px;
|
||||
transform: rotate(30deg);
|
||||
box-shadow: inset 3px 2px #f0c5d4;
|
||||
}
|
||||
@keyframes roxy-head-sway-65169a82 {
|
||||
0%,
|
||||
to {
|
||||
transform: rotate(-4deg);
|
||||
}
|
||||
45%,
|
||||
55% {
|
||||
transform: rotate(4deg);
|
||||
}
|
||||
}
|
||||
@keyframes roxy-blink-65169a82 {
|
||||
0%,
|
||||
43%,
|
||||
47%,
|
||||
to {
|
||||
scale: 1;
|
||||
}
|
||||
45% {
|
||||
scale: 1 0.08;
|
||||
}
|
||||
}
|
||||
@media (width<=767px) {
|
||||
.roxy-eye[data-v-65169a82],
|
||||
.roxy-head[data-v-65169a82] {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.roxy-eye[data-v-65169a82],
|
||||
.roxy-head[data-v-65169a82] {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
.security-verify[data-v-ff4061ec] {
|
||||
gap: 8px;
|
||||
font-size: 13px;
|
||||
display: grid;
|
||||
}
|
||||
.security-verify label[data-v-ff4061ec],
|
||||
.tip[data-v-ff4061ec] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 12px;
|
||||
}
|
||||
.verify-input[data-v-ff4061ec] {
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.verify-input .p-inputtext[data-v-ff4061ec] {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
.error[data-v-ff4061ec] {
|
||||
color: var(--p-red-500);
|
||||
}
|
||||
.actions[data-v-ff4061ec] {
|
||||
justify-content: flex-end;
|
||||
gap: 8px;
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.security-qr[data-v-ff4061ec] {
|
||||
justify-self: center;
|
||||
width: 240px;
|
||||
max-width: 100%;
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
.sensitive-value[data-v-07008ebf] {
|
||||
vertical-align: middle;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
display: inline-flex;
|
||||
}
|
||||
.sensitive-value-text[data-v-07008ebf] {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
}
|
||||
.sensitive-value-toggle[data-v-07008ebf] {
|
||||
min-width: 28px;
|
||||
min-height: 28px;
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
flex: none;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 4px;
|
||||
font-size: 0.9375rem;
|
||||
display: inline-flex;
|
||||
}
|
||||
.sensitive-value-toggle[data-v-07008ebf]:hover {
|
||||
color: var(--p-primary-color);
|
||||
background: var(--p-content-hover-background);
|
||||
}
|
||||
.sensitive-value-toggle[data-v-07008ebf]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
@@ -0,0 +1,150 @@
|
||||
.message-attachments[data-v-77cd676b] {
|
||||
border-top: 1px solid var(--p-content-border-color);
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
margin: 0 14px 14px;
|
||||
padding: 12px 0 0;
|
||||
font-size: 0.9375rem;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
}
|
||||
.message-attachments li[data-v-77cd676b] {
|
||||
min-width: 0;
|
||||
}
|
||||
.image-attachment[data-v-77cd676b] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
max-width: 100%;
|
||||
color: var(--p-text-color);
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
border-radius: 8px;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.image-attachment[data-v-77cd676b]:hover {
|
||||
border-color: var(--p-primary-color);
|
||||
}
|
||||
.image-attachment[data-v-77cd676b]:hover,
|
||||
.thumbnail[data-v-77cd676b] {
|
||||
background: var(--p-content-hover-background);
|
||||
}
|
||||
.thumbnail[data-v-77cd676b] {
|
||||
border-radius: 4px;
|
||||
flex: 0 0 112px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 112px;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
.thumbnail img[data-v-77cd676b] {
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.thumbnail .pi[data-v-77cd676b] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.image-caption[data-v-77cd676b] {
|
||||
flex-direction: column;
|
||||
gap: 5px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.attachment-name[data-v-77cd676b] {
|
||||
color: var(--p-primary-color);
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.image-hint[data-v-77cd676b] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
.file-attachment[data-v-77cd676b] {
|
||||
align-items: baseline;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.file-attachment a[data-v-77cd676b] {
|
||||
color: var(--p-primary-color);
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.file-attachment a .pi[data-v-77cd676b] {
|
||||
margin-left: 4px;
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
.attachment-unavailable[data-v-77cd676b] {
|
||||
color: var(--p-text-muted-color);
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.preview-error[data-v-77cd676b],
|
||||
.preview-status[data-v-77cd676b] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
.preview-error[data-v-77cd676b] {
|
||||
padding: 24px 0;
|
||||
}
|
||||
.image-preview[data-v-77cd676b] {
|
||||
background: var(--p-content-hover-background);
|
||||
border-radius: 6px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 120px;
|
||||
max-height: 68vh;
|
||||
display: flex;
|
||||
overflow: auto;
|
||||
}
|
||||
.image-preview img[data-v-77cd676b] {
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
max-width: 100%;
|
||||
max-height: 68vh;
|
||||
display: block;
|
||||
}
|
||||
.image-preview.original-size[data-v-77cd676b] {
|
||||
display: block;
|
||||
}
|
||||
.image-preview.original-size img[data-v-77cd676b] {
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.preview-actions[data-v-77cd676b] {
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.download-image[data-v-77cd676b] {
|
||||
color: var(--p-primary-contrast-color);
|
||||
background: var(--p-primary-color);
|
||||
border-radius: 6px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 10px 14px;
|
||||
text-decoration: none;
|
||||
display: inline-flex;
|
||||
}
|
||||
.download-image[data-v-77cd676b]:hover {
|
||||
background: var(--p-primary-hover-color);
|
||||
}
|
||||
@media (width<=480px) {
|
||||
.thumbnail[data-v-77cd676b] {
|
||||
flex-basis: 80px;
|
||||
width: 80px;
|
||||
height: 64px;
|
||||
}
|
||||
.image-attachment[data-v-77cd676b],
|
||||
.preview-actions[data-v-77cd676b] {
|
||||
gap: 8px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
.field[data-v-8267b59f] {
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
display: flex;
|
||||
}
|
||||
.field > label[data-v-8267b59f] {
|
||||
color: var(--p-text-color, #334155);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.row[data-v-8267b59f] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.row input[type="file"][data-v-8267b59f] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
max-width: 100%;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.state[data-v-8267b59f] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
font-size: 0.875rem;
|
||||
display: inline-flex;
|
||||
}
|
||||
.state.ok[data-v-8267b59f] {
|
||||
color: #22c55e;
|
||||
}
|
||||
.rm[data-v-8267b59f] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
.err[data-v-8267b59f],
|
||||
.rm[data-v-8267b59f]:hover {
|
||||
color: #ef4444;
|
||||
}
|
||||
.err[data-v-8267b59f] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
.wechat-connection[data-v-4c933481] {
|
||||
min-width: 0;
|
||||
}
|
||||
.wechat-connection .p-message[data-v-4c933481] {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.wechat-loading[data-v-4c933481] {
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
padding: 21px 0;
|
||||
display: flex;
|
||||
}
|
||||
.wechat-binding-help[data-v-4c933481] {
|
||||
margin-top: 14px;
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
.sk[data-v-e4be3b52] {
|
||||
padding: 8px 0;
|
||||
}
|
||||
.form[data-v-e4be3b52] {
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.notice[data-v-e4be3b52] {
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
background: var(--p-content-hover-background);
|
||||
border-radius: 8px;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
.notice-title[data-v-e4be3b52] {
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
margin-bottom: 6px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.notice ul[data-v-e4be3b52] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
margin: 0;
|
||||
padding-left: 18px;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.9;
|
||||
}
|
||||
.field[data-v-e4be3b52] {
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
display: flex;
|
||||
}
|
||||
.field-label[data-v-e4be3b52],
|
||||
.field > label[data-v-e4be3b52] {
|
||||
color: var(--p-text-color, #334155);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.hint[data-v-e4be3b52] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.calc[data-v-e4be3b52] {
|
||||
border-top: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
padding-top: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.calc-row[data-v-e4be3b52] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.calc-row > b[data-v-e4be3b52] {
|
||||
color: var(--p-text-color);
|
||||
font-weight: 500;
|
||||
}
|
||||
.calc-row.total > b[data-v-e4be3b52] {
|
||||
color: #ef4444;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.notice[data-v-e4be3b52] {
|
||||
background: var(--p-blue-50, #eff6ff);
|
||||
border-color: var(--p-blue-200, #bfdbfe);
|
||||
border-radius: 5px;
|
||||
padding: 14px;
|
||||
}
|
||||
.notice ul[data-v-e4be3b52],
|
||||
.notice-title[data-v-e4be3b52] {
|
||||
color: var(--p-blue-700, #1d4ed8);
|
||||
}
|
||||
.notice-title[data-v-e4be3b52] {
|
||||
font-weight: 600;
|
||||
}
|
||||
.notice ul[data-v-e4be3b52] {
|
||||
line-height: 1.8;
|
||||
}
|
||||
.form[data-v-e4be3b52] {
|
||||
gap: 21px;
|
||||
}
|
||||
.calc[data-v-e4be3b52] {
|
||||
gap: 7px;
|
||||
}
|
||||
.calc-row.total > b[data-v-e4be3b52] {
|
||||
color: var(--p-text-color);
|
||||
}
|
||||
.app-dark .notice {
|
||||
background: #172554;
|
||||
border-color: #1e3a8a;
|
||||
}
|
||||
.app-dark .notice ul,
|
||||
.app-dark .notice-title {
|
||||
color: #bfdbfe;
|
||||
}
|
||||
@@ -0,0 +1,287 @@
|
||||
.page[data-v-3743a20f] {
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
display: flex;
|
||||
}
|
||||
.back[data-v-3743a20f] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-size: 0.9375rem;
|
||||
text-decoration: none;
|
||||
display: inline-flex;
|
||||
}
|
||||
.back[data-v-3743a20f]:hover {
|
||||
color: var(--p-primary-color, #10b981);
|
||||
}
|
||||
.head-panel[data-v-3743a20f] {
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.ticket-head[data-v-3743a20f] {
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
gap: 16px;
|
||||
display: flex;
|
||||
}
|
||||
.ticket-num[data-v-3743a20f] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
}
|
||||
.status-tag[data-v-3743a20f] {
|
||||
border: 1px solid;
|
||||
border-radius: 999px;
|
||||
flex-shrink: 0;
|
||||
padding: 3px 12px;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.286rem;
|
||||
display: inline-block;
|
||||
}
|
||||
.ticket-meta[data-v-3743a20f] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.thread[data-v-3743a20f] {
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
margin-bottom: 24px;
|
||||
display: flex;
|
||||
}
|
||||
.message[data-v-3743a20f] {
|
||||
background: var(--p-highlight-background);
|
||||
border: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
border-radius: 10px;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
.message.admin[data-v-3743a20f] {
|
||||
background: var(--p-content-hover-background);
|
||||
border-color: var(--p-content-border-color, #e2e8f0);
|
||||
}
|
||||
.message-head[data-v-3743a20f] {
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 8px;
|
||||
font-size: 0.9375rem;
|
||||
display: flex;
|
||||
}
|
||||
.sender[data-v-3743a20f] {
|
||||
font-weight: 600;
|
||||
}
|
||||
.badge[data-v-3743a20f] {
|
||||
background: var(--p-primary-color, #10b981);
|
||||
color: var(--p-primary-contrast-color, #fff);
|
||||
border-radius: 999px;
|
||||
padding: 1px 8px;
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
.time[data-v-3743a20f] {
|
||||
color: var(--p-text-muted-color, #94a3b8);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.message-body[data-v-3743a20f] {
|
||||
color: var(--p-text-color, #334155);
|
||||
word-break: break-word;
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.message-body[data-v-3743a20f] p {
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
.message-body[data-v-3743a20f] p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.message-body[data-v-3743a20f] img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.reply-box[data-v-3743a20f] {
|
||||
border-top: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
padding-top: 16px;
|
||||
display: flex;
|
||||
}
|
||||
.reply-actions[data-v-3743a20f] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
display: flex;
|
||||
}
|
||||
.buttons[data-v-3743a20f] {
|
||||
gap: 8px;
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
}
|
||||
.inline-error[data-v-3743a20f] {
|
||||
flex: 1;
|
||||
}
|
||||
.list-page[data-v-3743a20f] {
|
||||
gap: 21px;
|
||||
}
|
||||
.list-head h2[data-v-3743a20f],
|
||||
.page-head h2[data-v-3743a20f] {
|
||||
margin: 0;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 700;
|
||||
line-height: 24.5px;
|
||||
}
|
||||
.list-toolbar[data-v-3743a20f],
|
||||
.list-toolbar-right[data-v-3743a20f] {
|
||||
justify-content: flex-start;
|
||||
gap: 7px;
|
||||
}
|
||||
.list-search[data-v-3743a20f],
|
||||
.list-select[data-v-3743a20f] {
|
||||
width: 280px;
|
||||
}
|
||||
.list-table[data-v-3743a20f] {
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 1px 3px #0f172a12;
|
||||
}
|
||||
.list-foot[data-v-3743a20f] {
|
||||
justify-content: center;
|
||||
}
|
||||
.list-foot > .list-bulk[data-v-3743a20f]:empty {
|
||||
display: none;
|
||||
}
|
||||
[data-v-3743a20f] .p-datatable-header-cell {
|
||||
background: var(--p-content-hover-background);
|
||||
padding: 10.5px 14px;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
[data-v-3743a20f] .p-datatable-tbody > tr > td {
|
||||
padding: 10.5px 14px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
[data-v-3743a20f] .p-tag {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
[data-v-3743a20f] .list-empty {
|
||||
gap: 14px;
|
||||
min-height: 300px;
|
||||
padding: 42px 21px;
|
||||
}
|
||||
[data-v-3743a20f] .list-empty i {
|
||||
opacity: 1;
|
||||
font-size: 1.875rem;
|
||||
}
|
||||
[data-v-3743a20f] .list-empty-title {
|
||||
font-size: 1rem;
|
||||
}
|
||||
[data-v-3743a20f] .list-empty-desc {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.field[data-v-3743a20f] {
|
||||
gap: 7px;
|
||||
}
|
||||
.field label[data-v-3743a20f] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
@media (width<=768px) {
|
||||
.list-search[data-v-3743a20f],
|
||||
.list-select[data-v-3743a20f],
|
||||
.list-toolbar-right[data-v-3743a20f] {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.page[data-v-3743a20f] {
|
||||
gap: 21px;
|
||||
width: 100%;
|
||||
max-width: 896px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.panel[data-v-3743a20f] {
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.head-panel[data-v-3743a20f] {
|
||||
border-bottom: 1px solid var(--p-content-border-color);
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
.ticket-head[data-v-3743a20f] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
}
|
||||
.ticket-title[data-v-3743a20f] {
|
||||
flex: 1;
|
||||
}
|
||||
.ticket-title h2[data-v-3743a20f] {
|
||||
margin: 0;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
.ticket-meta[data-v-3743a20f],
|
||||
.ticket-num[data-v-3743a20f] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.ticket-meta[data-v-3743a20f] {
|
||||
color: var(--p-text-muted-color);
|
||||
}
|
||||
.thread[data-v-3743a20f] {
|
||||
gap: 14px;
|
||||
margin-left: 49px;
|
||||
}
|
||||
.message[data-v-3743a20f],
|
||||
.message.admin[data-v-3743a20f] {
|
||||
background: var(--p-content-background);
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
border-radius: 6px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
box-shadow: 0 1px 3px #0f172a0a;
|
||||
}
|
||||
.message-head[data-v-3743a20f] {
|
||||
border-bottom: 1px solid var(--p-content-border-color);
|
||||
margin: 0;
|
||||
padding: 10.5px 14px;
|
||||
}
|
||||
.sender-avatar[data-v-3743a20f] {
|
||||
color: #fff;
|
||||
background: #ec4899;
|
||||
border-radius: 50%;
|
||||
place-items: center;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
display: grid;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -49px;
|
||||
}
|
||||
.sender-avatar.staff[data-v-3743a20f] {
|
||||
background: var(--p-primary-color);
|
||||
}
|
||||
.time[data-v-3743a20f] {
|
||||
margin-left: auto;
|
||||
}
|
||||
.message-body[data-v-3743a20f] {
|
||||
padding: 14px;
|
||||
}
|
||||
.message-attachments[data-v-3743a20f] {
|
||||
margin: 0 14px 14px;
|
||||
}
|
||||
.reply-box[data-v-3743a20f] {
|
||||
border: 0;
|
||||
margin-left: 49px;
|
||||
padding: 0;
|
||||
}
|
||||
.reply-box[data-v-3743a20f] textarea {
|
||||
min-height: 160px;
|
||||
}
|
||||
@media (width<=768px) {
|
||||
.reply-box[data-v-3743a20f],
|
||||
.thread[data-v-3743a20f] {
|
||||
margin-left: 35px;
|
||||
}
|
||||
.sender-avatar[data-v-3743a20f] {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
left: -35px;
|
||||
}
|
||||
.buttons[data-v-3743a20f],
|
||||
.reply-actions[data-v-3743a20f] {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
.page[data-v-49461ec8] {
|
||||
flex-direction: column;
|
||||
gap: 32px;
|
||||
width: 100%;
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 0 0 28px;
|
||||
display: flex;
|
||||
}
|
||||
.product-head[data-v-49461ec8] {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
min-height: 36px;
|
||||
display: flex;
|
||||
}
|
||||
.product-head h1[data-v-49461ec8] {
|
||||
overflow-wrap: anywhere;
|
||||
margin: 0;
|
||||
font-size: 1.375rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.product-head p[data-v-49461ec8] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 6px 0 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.product-links[data-v-49461ec8] {
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
gap: 18px;
|
||||
display: flex;
|
||||
}
|
||||
.back[data-v-49461ec8],
|
||||
.cart-link[data-v-49461ec8] {
|
||||
color: var(--p-text-muted-color);
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
font-size: 0.9375rem;
|
||||
text-decoration: none;
|
||||
display: inline-flex;
|
||||
}
|
||||
.back[data-v-49461ec8]:hover,
|
||||
.cart-link[data-v-49461ec8]:hover {
|
||||
color: var(--p-primary-color);
|
||||
}
|
||||
@media (width<=639px) {
|
||||
.product-head[data-v-49461ec8] {
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
.product-links[data-v-49461ec8] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.page[data-v-49461ec8] {
|
||||
gap: 28px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,431 @@
|
||||
.receipt-page[data-v-b3b3cd9c] {
|
||||
width: 100%;
|
||||
max-width: 560px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.receipt-nav[data-v-b3b3cd9c] {
|
||||
color: var(--p-text-muted-color);
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
margin-bottom: 14px;
|
||||
font-size: 0.875rem;
|
||||
display: flex;
|
||||
}
|
||||
.receipt-nav a[data-v-b3b3cd9c] {
|
||||
color: inherit;
|
||||
align-items: center;
|
||||
gap: 7px;
|
||||
text-decoration: none;
|
||||
display: inline-flex;
|
||||
}
|
||||
.receipt-nav a[data-v-b3b3cd9c]:hover {
|
||||
color: var(--p-primary-color);
|
||||
}
|
||||
.receipt-nav > span[data-v-b3b3cd9c] {
|
||||
overflow-wrap: anywhere;
|
||||
text-align: right;
|
||||
min-width: 0;
|
||||
}
|
||||
.receipt-feedback[data-v-b3b3cd9c] {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.receipt-layout[data-v-b3b3cd9c] {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
gap: 35px;
|
||||
display: grid;
|
||||
}
|
||||
.receipt[data-v-b3b3cd9c] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 10px;
|
||||
gap: 56px;
|
||||
min-width: 0;
|
||||
padding: 70px 21px 84px;
|
||||
box-shadow: 0 1px 2px #00000014;
|
||||
}
|
||||
.receipt[data-v-b3b3cd9c],
|
||||
.receipt-header[data-v-b3b3cd9c] {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
}
|
||||
.receipt-header[data-v-b3b3cd9c] {
|
||||
align-items: flex-start;
|
||||
gap: 14px;
|
||||
padding: 14px 14px 0;
|
||||
}
|
||||
.receipt-heading[data-v-b3b3cd9c] {
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
}
|
||||
.receipt-heading > div[data-v-b3b3cd9c] {
|
||||
min-width: 0;
|
||||
}
|
||||
.receipt-icon[data-v-b3b3cd9c] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-hover-background);
|
||||
border-radius: 7px;
|
||||
flex-shrink: 0;
|
||||
place-items: center;
|
||||
width: 49px;
|
||||
height: 49px;
|
||||
display: grid;
|
||||
}
|
||||
.receipt-heading h2[data-v-b3b3cd9c] {
|
||||
overflow-wrap: anywhere;
|
||||
margin: 0 0 4px;
|
||||
font-size: 1rem;
|
||||
font-weight: 650;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.receipt-heading p[data-v-b3b3cd9c] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.receipt-status[data-v-b3b3cd9c] {
|
||||
padding: 5px 10px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.receipt-item[data-v-b3b3cd9c],
|
||||
.receipt-table-head[data-v-b3b3cd9c],
|
||||
.receipt-total[data-v-b3b3cd9c] {
|
||||
justify-content: space-between;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.receipt-table-head[data-v-b3b3cd9c],
|
||||
.receipt-tx-head[data-v-b3b3cd9c] {
|
||||
background: var(--p-content-hover-background);
|
||||
}
|
||||
.receipt-item[data-v-b3b3cd9c],
|
||||
.receipt-table-head[data-v-b3b3cd9c],
|
||||
.receipt-tx-head[data-v-b3b3cd9c] {
|
||||
border-bottom: 1px solid var(--p-content-border-color);
|
||||
padding: 12px 14px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.receipt-item[data-v-b3b3cd9c] {
|
||||
align-items: center;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.receipt-item > div[data-v-b3b3cd9c] {
|
||||
overflow-wrap: anywhere;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
.receipt-item > b[data-v-b3b3cd9c] {
|
||||
overflow-wrap: anywhere;
|
||||
text-align: right;
|
||||
font-variant-numeric: tabular-nums;
|
||||
flex-shrink: 0;
|
||||
max-width: 40%;
|
||||
}
|
||||
.receipt-item p[data-v-b3b3cd9c] {
|
||||
margin: 0;
|
||||
}
|
||||
.receipt-description[data-v-b3b3cd9c] {
|
||||
white-space: pre-line;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.receipt-total[data-v-b3b3cd9c] {
|
||||
align-items: baseline;
|
||||
padding: 14px 14px 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.receipt-total > b[data-v-b3b3cd9c] {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.receipt-total strong[data-v-b3b3cd9c] {
|
||||
font-variant-numeric: tabular-nums;
|
||||
text-align: right;
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 650;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.receipt-tx[data-v-b3b3cd9c],
|
||||
.receipt-tx-head[data-v-b3b3cd9c] {
|
||||
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 0.9fr);
|
||||
gap: 10px;
|
||||
font-size: 1rem;
|
||||
display: grid;
|
||||
}
|
||||
.receipt-tx[data-v-b3b3cd9c] {
|
||||
border-bottom: 1px solid var(--p-content-border-color);
|
||||
padding: 12px 14px;
|
||||
}
|
||||
.receipt-tx-head[data-v-b3b3cd9c] > :nth-child(2),
|
||||
.receipt-tx[data-v-b3b3cd9c] > :nth-child(2) {
|
||||
text-align: center;
|
||||
}
|
||||
.receipt-tx-head[data-v-b3b3cd9c] > :last-child,
|
||||
.receipt-tx[data-v-b3b3cd9c] > :last-child {
|
||||
text-align: right;
|
||||
}
|
||||
.receipt-tx[data-v-b3b3cd9c] > * {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
}
|
||||
.transaction-error[data-v-b3b3cd9c] {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
padding: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.receipt-empty[data-v-b3b3cd9c] {
|
||||
border-bottom: 1px solid var(--p-content-border-color);
|
||||
text-align: center;
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
padding: 12px 14px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.bank-transfer-panel[data-v-b3b3cd9c] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-hover-background);
|
||||
border-radius: 8px;
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
margin-top: -21px;
|
||||
padding: 18px 14px;
|
||||
display: flex;
|
||||
}
|
||||
.bank-transfer-heading[data-v-b3b3cd9c] {
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.bank-transfer-heading h3[data-v-b3b3cd9c] {
|
||||
margin: 0 0 4px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.bank-transfer-heading p[data-v-b3b3cd9c] {
|
||||
overflow-wrap: anywhere;
|
||||
margin: 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.bank-transfer-heading p[data-v-b3b3cd9c],
|
||||
.bank-transfer-upload[data-v-b3b3cd9c] {
|
||||
color: var(--p-text-muted-color);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.bank-transfer-upload[data-v-b3b3cd9c] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.bank-transfer-upload input[data-v-b3b3cd9c] {
|
||||
max-width: 100%;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.bank-voucher-list[data-v-b3b3cd9c] {
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
}
|
||||
.bank-voucher-list li[data-v-b3b3cd9c] {
|
||||
border: 1px solid var(--p-content-border-color);
|
||||
background: var(--p-content-background);
|
||||
border-radius: 4px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
min-width: 0;
|
||||
padding: 5px 8px;
|
||||
font-size: 0.875rem;
|
||||
display: flex;
|
||||
}
|
||||
.bank-voucher-list li span[data-v-b3b3cd9c] {
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
}
|
||||
.bank-transfer-actions[data-v-b3b3cd9c] {
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.receipt-actions[data-v-b3b3cd9c] {
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-top: 21px;
|
||||
display: flex;
|
||||
}
|
||||
.receipt-actions > .p-button[data-v-b3b3cd9c] {
|
||||
min-width: 112px;
|
||||
}
|
||||
.receipt-actions > .p-button[data-v-b3b3cd9c],
|
||||
.success-actions > .p-button[data-v-b3b3cd9c] {
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
.credit-note[data-v-b3b3cd9c] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 10px 14px 0;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.payment-page[data-v-b3b3cd9c] {
|
||||
max-width: 1024px;
|
||||
}
|
||||
.payment-page .receipt-layout[data-v-b3b3cd9c] {
|
||||
grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr);
|
||||
align-items: stretch;
|
||||
gap: 42px;
|
||||
}
|
||||
.payment-page .receipt[data-v-b3b3cd9c] {
|
||||
min-height: 700px;
|
||||
}
|
||||
.receipt-payment[data-v-b3b3cd9c] {
|
||||
min-width: 0;
|
||||
padding: 84px 0;
|
||||
}
|
||||
.receipt-payment > p[data-v-b3b3cd9c] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0 0 70px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.payment-success[data-v-b3b3cd9c] {
|
||||
text-align: center;
|
||||
max-width: 560px;
|
||||
margin: 56px auto;
|
||||
}
|
||||
.payment-success > i[data-v-b3b3cd9c] {
|
||||
color: #22c55e;
|
||||
background: #dcfce7;
|
||||
border: 10px solid #dcfce7;
|
||||
border-radius: 100%;
|
||||
font-size: 2.1875rem;
|
||||
}
|
||||
.payment-success > p[data-v-b3b3cd9c] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 21px 0 7px;
|
||||
}
|
||||
.payment-success > strong[data-v-b3b3cd9c] {
|
||||
font-size: 1.75rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.payment-success dl[data-v-b3b3cd9c] {
|
||||
border-block: 1px solid var(--p-content-border-color);
|
||||
margin: 42px 0;
|
||||
padding-block: 28px;
|
||||
}
|
||||
.payment-success dl > div[data-v-b3b3cd9c] {
|
||||
text-align: right;
|
||||
justify-content: space-between;
|
||||
gap: 21px;
|
||||
margin: 10px 0;
|
||||
display: flex;
|
||||
}
|
||||
.payment-success dt[data-v-b3b3cd9c] {
|
||||
color: var(--p-text-muted-color);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.payment-success dd[data-v-b3b3cd9c] {
|
||||
overflow-wrap: anywhere;
|
||||
margin: 0;
|
||||
}
|
||||
.success-actions[data-v-b3b3cd9c] {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 14px;
|
||||
display: grid;
|
||||
}
|
||||
@media (width<=900px) {
|
||||
.payment-page .receipt-layout[data-v-b3b3cd9c] {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
.payment-page[data-v-b3b3cd9c] {
|
||||
max-width: 560px;
|
||||
}
|
||||
.payment-page .receipt[data-v-b3b3cd9c] {
|
||||
min-height: 0;
|
||||
}
|
||||
.receipt-payment[data-v-b3b3cd9c] {
|
||||
padding: 0 14px;
|
||||
}
|
||||
.receipt-payment > p[data-v-b3b3cd9c] {
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
}
|
||||
@media (width<=600px) {
|
||||
.receipt[data-v-b3b3cd9c] {
|
||||
gap: 35px;
|
||||
padding: 28px 14px 35px;
|
||||
}
|
||||
.receipt-header[data-v-b3b3cd9c] {
|
||||
padding: 0;
|
||||
}
|
||||
.receipt-heading[data-v-b3b3cd9c] {
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
}
|
||||
.receipt-icon[data-v-b3b3cd9c] {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
}
|
||||
.receipt-empty[data-v-b3b3cd9c],
|
||||
.receipt-item[data-v-b3b3cd9c],
|
||||
.receipt-table-head[data-v-b3b3cd9c],
|
||||
.receipt-tx[data-v-b3b3cd9c],
|
||||
.receipt-tx-head[data-v-b3b3cd9c] {
|
||||
padding-inline: 0;
|
||||
}
|
||||
.receipt-table-head[data-v-b3b3cd9c],
|
||||
.receipt-tx-head[data-v-b3b3cd9c] {
|
||||
padding-inline: 8px;
|
||||
}
|
||||
.receipt-item[data-v-b3b3cd9c],
|
||||
.receipt-tx[data-v-b3b3cd9c],
|
||||
.receipt-tx-head[data-v-b3b3cd9c] {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.receipt-total[data-v-b3b3cd9c] {
|
||||
padding-inline: 0;
|
||||
}
|
||||
.receipt-total strong[data-v-b3b3cd9c] {
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
.receipt-actions[data-v-b3b3cd9c] {
|
||||
gap: 7px;
|
||||
}
|
||||
.receipt-actions > .p-button[data-v-b3b3cd9c] {
|
||||
flex: auto;
|
||||
min-width: 0;
|
||||
padding-inline: 10px;
|
||||
}
|
||||
.credit-note[data-v-b3b3cd9c] {
|
||||
margin-inline: 0;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
.receipt-actions[data-v-b3b3cd9c],
|
||||
.receipt-feedback[data-v-b3b3cd9c],
|
||||
.receipt-nav[data-v-b3b3cd9c],
|
||||
.receipt-payment[data-v-b3b3cd9c] {
|
||||
display: none;
|
||||
}
|
||||
.receipt[data-v-b3b3cd9c] {
|
||||
box-shadow: none;
|
||||
-moz-column-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
}
|
||||
.payment-page[data-v-b3b3cd9c],
|
||||
.receipt-page[data-v-b3b3cd9c] {
|
||||
max-width: 700px;
|
||||
}
|
||||
.payment-page .receipt-layout[data-v-b3b3cd9c] {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,198 @@
|
||||
.acct[data-v-8ca4eb3d] {
|
||||
gap: 16px;
|
||||
width: 100%;
|
||||
max-width: 64rem;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
.acct[data-v-8ca4eb3d],
|
||||
.warn-list[data-v-8ca4eb3d] {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
}
|
||||
.warn-list[data-v-8ca4eb3d] {
|
||||
gap: 12px;
|
||||
}
|
||||
.warn-row[data-v-8ca4eb3d] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
display: flex;
|
||||
}
|
||||
.warn-name[data-v-8ca4eb3d] {
|
||||
width: 80px;
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.warn-select[data-v-8ca4eb3d] {
|
||||
width: 150px;
|
||||
}
|
||||
.warn-err[data-v-8ca4eb3d] {
|
||||
min-width: 160px;
|
||||
color: var(--p-red-500, #ef4444);
|
||||
flex: 1;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.sk[data-v-8ca4eb3d] {
|
||||
padding: 4px 0;
|
||||
}
|
||||
.page-head[data-v-8ca4eb3d] {
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.page-head h2[data-v-8ca4eb3d] {
|
||||
margin: 0;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
.level-badge[data-v-8ca4eb3d] {
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: 1px solid;
|
||||
border-radius: 999px;
|
||||
padding: 2px 10px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.tabs[data-v-8ca4eb3d] {
|
||||
border-bottom: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
gap: 0;
|
||||
padding-top: 4px;
|
||||
display: flex;
|
||||
overflow: auto hidden;
|
||||
}
|
||||
.tab[data-v-8ca4eb3d] {
|
||||
white-space: nowrap;
|
||||
min-height: 50px;
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
cursor: pointer;
|
||||
background: 0 0;
|
||||
border: none;
|
||||
border-bottom: 2px solid #0000;
|
||||
flex-shrink: 0;
|
||||
margin-bottom: -1px;
|
||||
padding: 14px;
|
||||
font-size: 1rem;
|
||||
transition:
|
||||
color 0.15s,
|
||||
border-color 0.15s;
|
||||
}
|
||||
.tab[data-v-8ca4eb3d]:hover {
|
||||
color: var(--p-text-color, #334155);
|
||||
}
|
||||
.tab.active[data-v-8ca4eb3d] {
|
||||
color: var(--p-primary-color, #3b82f6);
|
||||
border-bottom-color: var(--p-primary-color, #3b82f6);
|
||||
font-weight: 500;
|
||||
}
|
||||
.panel[data-v-8ca4eb3d] {
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
padding: 14px 0;
|
||||
}
|
||||
.sec-title[data-v-8ca4eb3d] {
|
||||
margin: 0 0 28px;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.sec-desc[data-v-8ca4eb3d] {
|
||||
color: var(--p-text-muted-color, #64748b);
|
||||
margin: 0 0 16px;
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.divider[data-v-8ca4eb3d] {
|
||||
background: var(--p-content-border-color, #e2e8f0);
|
||||
height: 1px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.field[data-v-8ca4eb3d] {
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
margin-bottom: 21px;
|
||||
display: flex;
|
||||
}
|
||||
.field > .field-label[data-v-8ca4eb3d],
|
||||
.field > label[data-v-8ca4eb3d] {
|
||||
color: var(--p-text-color, #334155);
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.sr-only[data-v-8ca4eb3d] {
|
||||
clip: rect(0, 0, 0, 0);
|
||||
white-space: nowrap;
|
||||
border: 0;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
}
|
||||
.inline[data-v-8ca4eb3d] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.inline[data-v-8ca4eb3d] > :first-child {
|
||||
flex: 1;
|
||||
min-width: 180px;
|
||||
}
|
||||
.code-select[data-v-8ca4eb3d] {
|
||||
flex: 0 0 160px;
|
||||
}
|
||||
.actions[data-v-8ca4eb3d] {
|
||||
border-top: 1px solid var(--p-content-border-color, #e2e8f0);
|
||||
justify-content: flex-end;
|
||||
gap: 10px;
|
||||
margin-top: 4px;
|
||||
padding-top: 18px;
|
||||
display: flex;
|
||||
}
|
||||
@media (width<=768px) {
|
||||
.tabs[data-v-8ca4eb3d] {
|
||||
gap: 0;
|
||||
}
|
||||
.tab[data-v-8ca4eb3d] {
|
||||
padding-inline: 10px;
|
||||
}
|
||||
.panel[data-v-8ca4eb3d] {
|
||||
padding: 14px 0;
|
||||
}
|
||||
}
|
||||
.page-head[data-v-8ca4eb3d] {
|
||||
justify-content: flex-end;
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
right: 0;
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
.tabs[data-v-8ca4eb3d] {
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
.tab[data-v-8ca4eb3d]:focus-visible {
|
||||
outline: 2px solid var(--p-primary-color);
|
||||
outline-offset: -3px;
|
||||
}
|
||||
.account-shortcuts[data-v-8ca4eb3d] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
display: flex;
|
||||
}
|
||||
.social-field .sec-desc[data-v-8ca4eb3d] {
|
||||
margin: 7px 0;
|
||||
}
|
||||
@media (width<=640px) {
|
||||
.acct[data-v-8ca4eb3d] {
|
||||
gap: 14px;
|
||||
}
|
||||
.page-head[data-v-8ca4eb3d] {
|
||||
position: static;
|
||||
transform: none;
|
||||
}
|
||||
.inline[data-v-8ca4eb3d] > :first-child {
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
.create-key[data-v-76e29360] {
|
||||
border-top: 1px solid var(--console-panel-border);
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-end;
|
||||
gap: 10px;
|
||||
padding-top: 21px;
|
||||
display: flex;
|
||||
}
|
||||
.create-key-field[data-v-76e29360] {
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
max-width: 470px;
|
||||
display: flex;
|
||||
}
|
||||
.create-key-field label[data-v-76e29360] {
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.create-key-field .p-inputtext[data-v-76e29360] {
|
||||
width: 100%;
|
||||
}
|
||||
.row-actions[data-v-76e29360] {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
}
|
||||
.token[data-v-76e29360] {
|
||||
overflow-wrap: anywhere;
|
||||
white-space: normal;
|
||||
}
|
||||
.muted[data-v-76e29360] {
|
||||
color: var(--p-text-muted-color);
|
||||
margin: 0;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.whitelist-form[data-v-76e29360] {
|
||||
gap: 16px;
|
||||
display: grid;
|
||||
}
|
||||
@media (width<=640px) {
|
||||
.create-key-field[data-v-76e29360] {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
Loaded 100 of 687 files, more files were not shown because too many files have changed in this diff.
Show more
Reference in new issue
Block a user