diff --git a/src/UI/Components/Modal/ModalStyle/Modal.less b/src/UI/Components/Modal/ModalStyle/Modal.less
index 52586ec66..f2d89052e 100644
--- a/src/UI/Components/Modal/ModalStyle/Modal.less
+++ b/src/UI/Components/Modal/ModalStyle/Modal.less
@@ -122,6 +122,7 @@
#modal .input-select{
display: inline-block;
width: @selectWidth;
+ vertical-align: bottom;
}
//select高度改变,调整切换符号位置
diff --git a/src/UI/Components/SourceManage/SpaceInfoBar.tsx b/src/UI/Components/SourceManage/SpaceInfoBar.tsx
index a77f12900..c0e4c0ddf 100644
--- a/src/UI/Components/SourceManage/SpaceInfoBar.tsx
+++ b/src/UI/Components/SourceManage/SpaceInfoBar.tsx
@@ -12,12 +12,6 @@ const BarStype: React.CSSProperties = {
margin: 0,
borderRadius: 5,
}
-const SpaceProcessUseStyle: React.CSSProperties = {
- transition: "all 0.2s",
- height: "100%",
- backgroundColor: "#428bca",
- borderRadius: 5,
-}
@inject('store')
@observer
@@ -33,7 +27,12 @@ export class SpaceInfoBar extends React.Component<{ store?: TopPanelStore }, {}>
return (
-
+
80 ? "#db3737" : "#428bca"
+ }} />
{cloudInfo.used_size}/{cloudInfo.zone_size}
diff --git a/src/UI/Components/Template/Template.less b/src/UI/Components/Template/Template.less
index 1126dff77..556ed7101 100644
--- a/src/UI/Components/Template/Template.less
+++ b/src/UI/Components/Template/Template.less
@@ -211,30 +211,34 @@
width: auto;
}
- &>.bp3-dialog-body>div:first-child {
+ &>.bp3-dialog-body>div {
+ height: 100%;
- input {
- width: 100px;
- height: 20px;
+ &>div:first-child {
+ width: 60%;
}
- button {
- height: 20px;
- min-height: 20px;
- padding: 2px 8px;
+ &>div:last-child {
+ width: 40%;
}
- }
- &>.bp3-dialog-body>div:last-child {
- height: 100%;
+ }
- &>div:first-child {
- width: 60%;
+ .buttons {
+ &>button {
+ margin-right: 3px;
+ margin-bottom: 3px;
+ border-radius: 5px;
}
- &>div:last-child {
- width: 40%;
+ &>span {
+ margin-right: 3px;
+
+ & button {
+ margin-bottom: 3px;
+ border-radius: 5px;
+ }
}
}
}
diff --git a/src/UI/Components/Template/TemplateActionList.tsx b/src/UI/Components/Template/TemplateActionList.tsx
index 4467bcfad..ca9ea78a3 100644
--- a/src/UI/Components/Template/TemplateActionList.tsx
+++ b/src/UI/Components/Template/TemplateActionList.tsx
@@ -63,7 +63,7 @@ export default class TempalteActionList extends React.Component
this.handleNodeCollapse(node)}
/>
-
+