mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
ui: Fix project theme on reload or refresh (#7893)
* css fixes from main Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com> * component: when in project, toggle the theme also Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com> --------- Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
This commit is contained in:
parent
db0e7a65af
commit
0e9a19f24d
@ -78,6 +78,7 @@ export default {
|
|||||||
let projectIndex = 0
|
let projectIndex = 0
|
||||||
if (this.$store.getters?.project?.id) {
|
if (this.$store.getters?.project?.id) {
|
||||||
projectIndex = this.projects.findIndex(project => project.id === this.$store.getters.project.id)
|
projectIndex = this.projects.findIndex(project => project.id === this.$store.getters.project.id)
|
||||||
|
this.$store.dispatch('ToggleTheme', projectIndex === undefined ? 'light' : 'dark')
|
||||||
}
|
}
|
||||||
|
|
||||||
return projectIndex
|
return projectIndex
|
||||||
|
|||||||
@ -34,7 +34,7 @@
|
|||||||
<div style="margin-top: 15px">
|
<div style="margin-top: 15px">
|
||||||
<span>{{ $t('message.select.a.zone') }}</span><br/>
|
<span>{{ $t('message.select.a.zone') }}</span><br/>
|
||||||
<a-form-item :label="$t('label.zoneid')" name="zoneid" ref="zoneid">
|
<a-form-item :label="$t('label.zoneid')" name="zoneid" ref="zoneid">
|
||||||
<div v-if="zones.length <= 9">
|
<div v-if="zones.length <= 8">
|
||||||
<a-row type="flex" :gutter="[16,18]" justify="start">
|
<a-row type="flex" :gutter="[16,18]" justify="start">
|
||||||
<div v-for="(zoneItem, idx) in zones" :key="idx">
|
<div v-for="(zoneItem, idx) in zones" :key="idx">
|
||||||
<a-radio-group
|
<a-radio-group
|
||||||
@ -3168,7 +3168,7 @@ export default {
|
|||||||
|
|
||||||
.zone-radio-button {
|
.zone-radio-button {
|
||||||
width:100%;
|
width:100%;
|
||||||
min-width: 225px;
|
min-width: 345px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
|
|||||||
@ -34,7 +34,7 @@
|
|||||||
<div style="margin-top: 15px">
|
<div style="margin-top: 15px">
|
||||||
<span>{{ $t('message.select.a.zone') }}</span><br/>
|
<span>{{ $t('message.select.a.zone') }}</span><br/>
|
||||||
<a-form-item :label="$t('label.zoneid')" name="zoneid" ref="zoneid">
|
<a-form-item :label="$t('label.zoneid')" name="zoneid" ref="zoneid">
|
||||||
<div v-if="zones.length <= 9">
|
<div v-if="zones.length <= 8">
|
||||||
<a-row type="flex" :gutter="[16, 18]" justify="start">
|
<a-row type="flex" :gutter="[16, 18]" justify="start">
|
||||||
<div v-for="(zoneItem, idx) in zones" :key="idx">
|
<div v-for="(zoneItem, idx) in zones" :key="idx">
|
||||||
<a-radio-group
|
<a-radio-group
|
||||||
@ -2698,7 +2698,7 @@ export default {
|
|||||||
|
|
||||||
.zone-radio-button {
|
.zone-radio-button {
|
||||||
width:100%;
|
width:100%;
|
||||||
min-width: 225px;
|
min-width: 345px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user