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:
parent
67b1e37015
commit
e7a5f3c71f
@ -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 "
|
label="Upload an Icon "
|
||||||
|
|||||||
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user