style(sj_preview): 优化重试日志样式

This commit is contained in:
xlsea 2024-07-05 17:47:27 +08:00
parent c09e51648e
commit af915badd9
3 changed files with 19 additions and 2 deletions

View File

@ -304,6 +304,10 @@ const SnailLogComponent = defineComponent({
</NDropdown> </NDropdown>
</div> </div>
</template> </template>
<div class="h-full flex-center">
<NEmpty v-if="logList.length === 0 && finished" />
<NSpin v-if="logList.length === 0 && !finished" />
</div>
<SnailLogComponent /> <SnailLogComponent />
</NDrawerContent> </NDrawerContent>
</NDrawer> </NDrawer>
@ -344,6 +348,10 @@ const SnailLogComponent = defineComponent({
</NTooltip> </NTooltip>
</div> </div>
</template> </template>
<div class="h-full flex-center">
<NEmpty v-if="logList.length === 0 && finished" />
<NSpin v-if="logList.length === 0 && !finished" />
</div>
<SnailLogComponent /> <SnailLogComponent />
</NCard> </NCard>
</template> </template>
@ -353,6 +361,7 @@ const SnailLogComponent = defineComponent({
padding: 0; padding: 0;
.virtual-list { .virtual-list {
height: 100vh;
max-height: calc(100vh - 101px); max-height: calc(100vh - 101px);
} }

View File

@ -59,4 +59,8 @@ const visible = defineModel<boolean>('visible', {
</DetailDrawer> </DetailDrawer>
</template> </template>
<style scoped></style> <style scoped>
:deep(.virtual-list) {
max-height: calc(100vh - 166px) !important;
}
</style>

View File

@ -115,4 +115,8 @@ onBeforeUnmount(() => {
</OperateDrawer> </OperateDrawer>
</template> </template>
<style scoped></style> <style scoped>
:deep(.virtual-list) {
max-height: calc(100vh - 166px) !important;
}
</style>