37 lines
1.2 KiB
CSS
37 lines
1.2 KiB
CSS
/* 商品分组标题：名称与附加徽标的排列。 */
|
|
/* 导入方：app/components/ProductGroupLabel.vue、app/components/config/CloudProductPicker.vue、app/pages/products/cloud-server.vue、app/pages/products/index.vue。 */
|
|
.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;
|
|
}
|
|
/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
|
|
.product-group-name[data-v-6806c62d] {
|
|
overflow-wrap: anywhere;
|
|
min-width: 0;
|
|
}
|
|
/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
|
|
.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;
|
|
}
|