style(接口测试): 调整接口文档分享详情页脚style

This commit is contained in:
xinxin.wu 2024-10-22 17:03:45 +08:00 committed by 刘瑞斌
parent 07f6212eae
commit 8678aa8b93
1 changed files with 5 additions and 4 deletions

View File

@ -8,7 +8,7 @@
/> />
</div> </div>
<div class="doc-toggle-footer"> <div class="doc-toggle-footer">
<div v-if="props?.previousNode" class="doc-toggle" @click="toggleApiDetail('prev')"> <div v-if="props?.previousNode" class="doc-toggle cursor-pointer" @click="toggleApiDetail('prev')">
<MsIcon <MsIcon
type="icon-icon_pull-left_outlined" type="icon-icon_pull-left_outlined"
:class="` text-[var(--color-text-4)] ${props.previousNode ? 'hover:text-[rgb(var(--primary-5))]' : ''}`" :class="` text-[var(--color-text-4)] ${props.previousNode ? 'hover:text-[rgb(var(--primary-5))]' : ''}`"
@ -29,8 +29,8 @@
</div> </div>
</a-tooltip> </a-tooltip>
</div> </div>
<div v-else></div> <div v-else :class="`doc-toggle ${props?.previousNode ? 'cursor-pointer' : ''}`"></div>
<div v-if="props?.nextNode" class="doc-toggle justify-end" @click="toggleApiDetail('next')"> <div v-if="props?.nextNode" class="doc-toggle cursor-pointer justify-end" @click="toggleApiDetail('next')">
<apiMethodName <apiMethodName
:method=" :method="
props?.nextNode?.attachInfo.protocol === 'HTTP' props?.nextNode?.attachInfo.protocol === 'HTTP'
@ -241,7 +241,8 @@
@apply flex w-full items-center justify-between bg-white; @apply flex w-full items-center justify-between bg-white;
.doc-toggle { .doc-toggle {
@apply flex flex-1 cursor-pointer items-center gap-2; max-width: 50%;
@apply flex flex-1 items-center gap-2;
.doc-toggle-name { .doc-toggle-name {
max-width: 300px; max-width: 300px;
} }