Files
lens/src/renderer/components/+apps-helm-charts/helm-charts.scss
T

70 lines
1.3 KiB
SCSS

/**
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
.HelmCharts {
.SearchInput {
width: 70%;
margin: auto;
> label {
padding: $padding $padding * 2;
}
}
.TableCell {
text-overflow: ellipsis;
&.name {
flex-grow: 1.3;
}
&.icon {
$iconSize: $unit * 3.5;
padding: 0;
display: flex;
flex-grow: 0;
flex-basis: $iconSize;
figure {
width: $iconSize;
height: $iconSize;
border-radius: 50%;
background: var(--helmImgBackground) url(helm-placeholder.svg) center center no-repeat;
background-size: 72%; // bg size looks same as image on top of it
margin: auto;
img {
object-fit: contain;
width: inherit;
height: inherit;
visibility: hidden;
border-radius: inherit;
background-color: var(--helmImgBackground);
padding: $padding * 0.5;
&.visible {
visibility: visible;
}
}
}
}
&.description {
flex-grow: 2.5;
}
&.repository {
&.stable {
color: var(--helmStableRepo);
}
&.incubator {
color: var(--helmIncubatorRepo);
}
}
}
}