style(工作台): 修复工作台mini卡片自适应style
This commit is contained in:
parent
5d7538e8e8
commit
76c398734f
|
@ -20,18 +20,16 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="my-[16px]">
|
||||
<TabCard :content-tab-list="apiCountTabList" not-has-padding hidden-border min-width="270px">
|
||||
<TabCard :content-tab-list="apiCountTabList" not-has-padding hidden-border min-width="296px">
|
||||
<template #item="{ item: tabItem }">
|
||||
<div class="w-full">
|
||||
<PassRatePie
|
||||
:tooltip-text="tabItem.tooltip"
|
||||
:options="tabItem.options"
|
||||
:size="60"
|
||||
:loading="tabItem.value === 'cover' ? loading : undefined"
|
||||
:has-permission="hasPermission"
|
||||
:value-list="tabItem.valueList"
|
||||
/>
|
||||
</div>
|
||||
<PassRatePie
|
||||
:tooltip-text="tabItem.tooltip"
|
||||
:options="tabItem.options"
|
||||
:size="60"
|
||||
:loading="tabItem.value === 'cover' ? loading : undefined"
|
||||
:has-permission="hasPermission"
|
||||
:value-list="tabItem.valueList"
|
||||
/>
|
||||
</template>
|
||||
</TabCard>
|
||||
<div class="h-[148px]">
|
||||
|
|
|
@ -51,7 +51,7 @@
|
|||
background: var(--color-text-n9);
|
||||
@apply flex items-center;
|
||||
.pass-rate-title {
|
||||
@apply ml-4 flex items-center gap-4;
|
||||
@apply ml-4 flex items-center gap-2;
|
||||
.pass-rate-count {
|
||||
font-size: 20px;
|
||||
color: rgb(var(--primary-4));
|
||||
|
|
|
@ -363,8 +363,6 @@
|
|||
|
||||
<style scoped lang="less">
|
||||
.work-bench-content {
|
||||
@apply overflow-x-auto;
|
||||
.ms-scroll-bar();
|
||||
.header-setting {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
|
@ -386,6 +384,7 @@
|
|||
<style lang="less">
|
||||
.card-wrapper {
|
||||
padding: 24px;
|
||||
min-width: 356px;
|
||||
box-shadow: 0 0 10px rgba(120 56 135/ 5%);
|
||||
@apply rounded-xl bg-white;
|
||||
&.card-min-height {
|
||||
|
|
Loading…
Reference in New Issue