jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Set grid gap to 32px (#19990)

Browse Source 
Set grip grap to 32px
This commit is contained in:
Paul Bottein 2024-03-05 17:30:35 +01:00 committed by Bram Kragten
parent d4a8fcbe03
commit 33a4258c06
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/panels/lovelace/views/hui-sections-view.ts
View File

@ -250,7 +250,7 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
.container { .container {
/* Inputs */ /* Inputs */
--grid-gap: 20px; --grid-gap: 32px;
--grid-max-section-count: 4; --grid-max-section-count: 4;
--grid-section-min-width: 320px; --grid-section-min-width: 320px;
--grid-section-max-width: 500px; --grid-section-max-width: 500px;
@ -271,11 +271,10 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
display: grid; display: grid;
grid-template-columns: repeat( grid-template-columns: repeat(
auto-fit, auto-fit,
minmax(var(--grid-section-min-width), 1fr) minmax(min(var(--grid-section-min-width), 100%), 1fr)
); );
grid-gap: 8px var(--grid-gap); grid-gap: 8px var(--grid-gap);
justify-content: center; padding: 8px var(--grid-gap);
padding: var(--grid-gap);
box-sizing: border-box; box-sizing: border-box;
max-width: var(--grid-max-width); max-width: var(--grid-max-width);
margin: 0 auto; margin: 0 auto;
@ -283,7 +282,6 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
@media (max-width: 600px) { @media (max-width: 600px) {
.container { .container {
grid-template-columns: 1fr;
--grid-gap: 8px; --grid-gap: 8px;
} }
} }