baha/skyline
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update the style of tips in the form

Browse Source 
1. Fixed the style of the tips to better display multi-line tips.
2. Remove the style of the tips in the Resize instance form

Change-Id: I69d78780ad07ecfb5d9a205ff9ffba82936cddeb
This commit is contained in:
Jingwei.Zhang 2022-08-12 11:25:12 +08:00
parent 24b7c3a52b
commit c6c8c87226
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Form/index.less
View File

@ -90,13 +90,15 @@
} }
.tips { .tips {
display: flex;
margin-bottom: 16px; margin-bottom: 16px;
padding: 8px 16px; padding: 8px 16px;
word-break: break-all; word-break: break-word;
background: rgba(0, 0, 0, 15%); background: rgba(0, 0, 0, 15%);
} }
.tips-icon { .tips-icon {
margin-top: 2px;
margin-right: 4px; margin-right: 4px;
color: #0068ff; color: #0068ff;
} }

2
src/pages/compute/containers/Instance/actions/Resize.jsx
View File

@ -142,7 +142,7 @@ export class Resize extends ModalAction {
get tips() { get tips() {
return ( return (
<div style={{ display: 'inline-table' }}> <div>
<p style={{ color: '#0068FF' }}> <p style={{ color: '#0068FF' }}>
{t('The current operation requires the instance to be shut down:')} {t('The current operation requires the instance to be shut down:')}
</p> </p>