mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-15 13:26:34 +00:00
Set border radius to 10px for tile slider and buttons (#14488)
This commit is contained in:
parent
d4cda0c106
commit
90a7c2d2ff
@ -270,7 +270,7 @@ export class HaBarSlider extends LitElement {
|
||||
--slider-bar-color: rgb(var(--rgb-primary-color));
|
||||
--slider-bar-background: rgba(var(--rgb-disabled-color), 0.2);
|
||||
--slider-bar-thickness: 40px;
|
||||
--slider-bar-border-radius: 12px;
|
||||
--slider-bar-border-radius: 10px;
|
||||
height: var(--slider-bar-thickness);
|
||||
width: 100%;
|
||||
}
|
||||
@ -299,7 +299,7 @@ export class HaBarSlider extends LitElement {
|
||||
background: var(--slider-bar-background);
|
||||
}
|
||||
.slider .slider-track-bar {
|
||||
--border-radius: calc(var(--slider-bar-border-radius) / 2);
|
||||
--border-radius: var(--slider-bar-border-radius);
|
||||
--handle-size: 4px;
|
||||
--handle-margin: calc(var(--slider-bar-thickness) / 8);
|
||||
position: absolute;
|
||||
|
@ -95,7 +95,7 @@ export class HaTileButton extends LitElement {
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 12px;
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
background-color: var(--bg-color);
|
||||
transition: background-color 280ms ease-in-out, transform 180ms ease-out;
|
||||
|
@ -51,6 +51,8 @@ export class HaTileSlider extends LitElement {
|
||||
--tile-slider-bar-background,
|
||||
rgba(var(--rgb-disabled-color), 0.2)
|
||||
);
|
||||
--slider-bar-thickness: 40px;
|
||||
--slider-bar-border-radius: 10px;
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user