etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

ui: Add footer text option for login screen (#5628) 

* add footer text option for login screen

* using single key for policy

* set empty for default policy text

* rename footer text key

* rename the footer text property name

* change position avoid breaking with docHelp

* change position of properties
This commit is contained in:
Hoang Nguyen 2021-12-30 17:51:40 +07:00 committed by GitHub
parent 8952cd5955
commit 5eccbc9521
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/public/config.json vendored
View File

@ -10,6 +10,7 @@
"docBase": "http://docs.cloudstack.apache.org/en/latest",
"appTitle": "CloudStack",
"footer": "Licensed under the <a href='http://www.apache.org/licenses/' target='_blank'>Apache License</a>, Version 2.0.",
"loginFooter": "",
"logo": "assets/logo.svg",
"banner": "assets/banner.svg",
"error": {

23
ui/src/layouts/UserLayout.vue
View File

@ -31,6 +31,9 @@
</div>
<route-view></route-view>
</div>
<div class="user-layout-footer" v-if="$config.loginFooter">
<label v-html="$config.loginFooter"></label>
</div>
</div>
</template>
@ -97,5 +100,25 @@ export default {
margin-bottom: 1rem;
}
}
&-footer {
display: flex;
flex-direction: column;
position: absolute;
bottom: 20px;
text-align: center;
width: 100%;
@media (max-height: 600px) {
position: relative;
margin-top: 50px;
}
label {
width: 368px;
font-weight: 500;
margin: 0 auto;
}
}
}
</style>