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

fix upgrade model style

Browse Source 
Signed-off-by: andy.lee <andy.lee@suse.com>
(cherry picked from commit ff439e66a9c7335b02ba4a4b16e09b85579c9a7c)
This commit is contained in:
andy.lee 2025-02-25 15:15:26 +08:00 committed by Mergify
parent 1a727f0001
commit 81a572e5b5
2 changed files with 50 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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