test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

style(工作台): 修复工作台mini卡片自适应style

This commit is contained in:
xinxin.wu 2024-11-21 17:05:46 +08:00 committed by 刘瑞斌
parent 5d7538e8e8
commit 76c398734f
3 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/views/workbench/homePage/components/apiCount.vue
View File

@ -20,18 +20,16 @@
</div> </div>
</div> </div>
<div class="my-[16px]"> <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 }"> <template #item="{ item: tabItem }">
<div class="w-full"> <PassRatePie
<PassRatePie :tooltip-text="tabItem.tooltip"
:tooltip-text="tabItem.tooltip" :options="tabItem.options"
:options="tabItem.options" :size="60"
:size="60" :loading="tabItem.value === 'cover' ? loading : undefined"
:loading="tabItem.value === 'cover' ? loading : undefined" :has-permission="hasPermission"
:has-permission="hasPermission" :value-list="tabItem.valueList"
:value-list="tabItem.valueList" />
/>
</div>
</template> </template>
</TabCard> </TabCard>
<div class="h-[148px]"> <div class="h-[148px]">

2
frontend/src/views/workbench/homePage/components/passRatePie.vue
View File

@ -51,7 +51,7 @@
background: var(--color-text-n9); background: var(--color-text-n9);
@apply flex items-center; @apply flex items-center;
.pass-rate-title { .pass-rate-title {
@apply ml-4 flex items-center gap-4; @apply ml-4 flex items-center gap-2;
.pass-rate-count { .pass-rate-count {
font-size: 20px; font-size: 20px;
color: rgb(var(--primary-4)); color: rgb(var(--primary-4));

3
frontend/src/views/workbench/homePage/index.vue
View File

@ -363,8 +363,6 @@
<style scoped lang="less"> <style scoped lang="less">
.work-bench-content { .work-bench-content {
@apply overflow-x-auto;
.ms-scroll-bar();
.header-setting { .header-setting {
position: sticky; position: sticky;
top: 0; top: 0;
@ -386,6 +384,7 @@
<style lang="less"> <style lang="less">
.card-wrapper { .card-wrapper {
padding: 24px; padding: 24px;
min-width: 356px;
box-shadow: 0 0 10px rgba(120 56 135/ 5%); box-shadow: 0 0 10px rgba(120 56 135/ 5%);
@apply rounded-xl bg-white; @apply rounded-xl bg-white;
&.card-min-height { &.card-min-height {