mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-22 16:56:35 +00:00
Fix media browse item width (#6870)
This commit is contained in:
parent
3039c678a5
commit
41b86e6c10
@ -630,13 +630,20 @@ export class HaMediaPlayerBrowse extends LitElement {
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(
|
grid-template-columns: repeat(
|
||||||
auto-fit,
|
auto-fit,
|
||||||
minmax(var(--media-browse-item-size, 175px), 0.33fr)
|
minmax(var(--media-browse-item-size, 175px), 0.1fr)
|
||||||
);
|
);
|
||||||
grid-gap: 16px;
|
grid-gap: 16px;
|
||||||
margin: 8px 0px;
|
margin: 8px 0px;
|
||||||
padding: 0px 24px;
|
padding: 0px 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:host([dialog]) .children {
|
||||||
|
grid-template-columns: repeat(
|
||||||
|
auto-fit,
|
||||||
|
minmax(var(--media-browse-item-size, 175px), 0.33fr)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
.child {
|
.child {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -689,6 +696,7 @@ export class HaMediaPlayerBrowse extends LitElement {
|
|||||||
.child .title {
|
.child .title {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
|
padding-left: 2px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user