More padding in dynamic grid

This commit is contained in:
Kuba Orlik 2026-08-19 23:53:55 +02:00
parent d1da6d7dc7
commit f5327dfe7c
2 changed files with 11 additions and 5 deletions

View File

@ -41,18 +41,20 @@
background-color: var(--tile-bg-color);
color: var(--tile-fg-color);
width: 100%;
opacity: 0.9;
padding: 8px;
padding: 16px;
z-index: 1;
overflow: hidden;
bottom: 0;
box-sizing: border-box;
.tile-content-wrapper {
display: flex;
flex-flow: column;
gap: 16px;
.tile-title {
font-weight: bold;
line-height: 20px;
margin: 10px 0;
margin: 0;
}
.tile-subtitle {

View File

@ -67,8 +67,12 @@ export class DynamicGridV2 extends Component<typeof component_arguments> {
>
<div class="tile-content">
<div class="tile-content-wrapper">
<h3 class="tile-title">{tile.title}</h3>
<p class="tile-subtitle">{tile.subtitle}</p>
{tile.title ? <h3 class="tile-title">{tile.title}</h3> : ""}
{tile.subtitle ? (
<p class="tile-subtitle">{tile.subtitle}</p>
) : (
""
)}
</div>
</div>