public/harvester-ui-extension
1
0
Fork 0
mirror of https://github.com/harvester/harvester-ui-extension.git synced 2025-12-13 21:21:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #162 from a110605/fix_upgrade_modal

Browse Source 
Fix upgrade cluster model styles
This commit is contained in:
Andy Lee 2025-02-26 09:31:32 +08:00 committed by GitHub
commit 48ec40fe3d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 51 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pkg/harvester/components/HarvesterUpgradeHeader.vue
View File

@ -190,6 +190,7 @@ export default {
v-clean-tooltip="{ v-clean-tooltip="{
placement: 'bottom-left', placement: 'bottom-left',
}" }"
popper-class="upgrade-header-dropdown"
class="hand" class="hand"
> >
<slot name="button-content"> <slot name="button-content">
@ -272,7 +273,7 @@ export default {
<p <p
v-if="overallMessage" v-if="overallMessage"
class="text-warning mb-20" class="text-error mb-20"
> >
{{ overallMessage }} {{ overallMessage }}
</p> </p>
@ -338,6 +339,12 @@ export default {
</div> </div>
</template> </template>
<style lang="scss">
.upgrade-header-dropdown .v-popper__arrow-container {
display: none;
}
</style>
<style lang="scss" scoped> <style lang="scss" scoped>
a { a {
float: right; float: right;

19
pkg/harvester/components/HarvesterUpgradeProgressBarList.vue
View File

@ -12,7 +12,7 @@ export default {
default: '' default: ''
}, },
precent: { percent: {
type: Number, type: Number,
default: 0 default: 0
}, },
@ -39,16 +39,18 @@ export default {
<template> <template>
<div class="bar-list"> <div class="bar-list">
<h4>{{ title }} <span class="float-r text-info">{{ precent }}%</span></h4> <h4>{{ title }} <span class="float-r text-info">{{ percent }}%</span></h4>
<div> <div>
<div> <div>
<Collapse v-model:open="open"> <Collapse v-model:open="open">
<template #title> <template #title>
<div class="total-bar"> <div class="total-bar">
<span class="bar"><PercentageBar <span class="bar">
:model-value="precent" <PercentageBar
:model-value="percent"
preferred-direction="MORE" preferred-direction="MORE"
/></span> />
</span>
<span <span
class="on-off" class="on-off"
@click="handleSwitch" @click="handleSwitch"
@ -56,7 +58,6 @@ export default {
</div> </div>
</template> </template>
<template>
<div class="custom-content"> <div class="custom-content">
<div <div
v-for="(item, i) in list" v-for="(item, i) in list"
@ -77,7 +78,6 @@ export default {
</p> </p>
</div> </div>
</div> </div>
</template>
</Collapse> </Collapse>
</div> </div>
</div> </div>
@ -93,7 +93,7 @@ export default {
.total-bar { .total-bar {
display: flex; display: flex;
user-select: none; user-select: none;
.bar { > .bar {
width: 85%; width: 85%;
} }
.on-off { .on-off {
@ -102,7 +102,6 @@ export default {
} }
} }
.custom-content { .custom-content {
.item {
margin-bottom: 14px; margin-bottom: 14px;
p { p {
margin-bottom: 4px; margin-bottom: 4px;
@ -120,7 +119,5 @@ export default {
color: var(--error); color: var(--error);
} }
} }
}
} }
</style> </style>