1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Fine-tuning icon area

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-03-23 11:45:00 +03:00
parent 67b1e37015
commit e7a5f3c71f
2 changed files with 8 additions and 9 deletions

View File

@ -48,13 +48,13 @@ export class ClusterIconSetting extends React.Component<Props> {
return ( return (
<div className="ClusterIconSetting flex column gaps align-flex-start"> <div className="ClusterIconSetting flex column gaps align-flex-start">
<SubTitle title="Icon"/> <SubTitle title="Icon"/>
<ClusterIcon
cluster={this.props.cluster}
showErrors={false}
showTooltip={false}
isActive={true}
/>
<div className="flex gaps align-center"> <div className="flex gaps align-center">
<ClusterIcon
cluster={this.props.cluster}
showErrors={false}
showTooltip={false}
isActive={true}
/>
<FilePicker <FilePicker
accept="image/*" accept="image/*"
label="Upload an Icon&nbsp;" label="Upload an Icon&nbsp;"

View File

@ -1,12 +1,11 @@
.ClusterIconSetting { .ClusterIconSetting {
.ClusterIcon { .ClusterIcon {
--size: 50px; margin-right: 20px!important;
} }
.FilePicker label { .FilePicker label {
color: var(--textColorAccent);
padding: 5px 9px; padding: 5px 9px;
border-radius: 4px; border-radius: 4px;
background: var(--blue); border: 1px solid var(--borderFaintColor);
} }
} }