More padding in dynamic grid
This commit is contained in:
parent
d1da6d7dc7
commit
f5327dfe7c
@ -41,18 +41,20 @@
|
|||||||
background-color: var(--tile-bg-color);
|
background-color: var(--tile-bg-color);
|
||||||
color: var(--tile-fg-color);
|
color: var(--tile-fg-color);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
opacity: 0.9;
|
padding: 16px;
|
||||||
padding: 8px;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
.tile-content-wrapper {
|
.tile-content-wrapper {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column;
|
||||||
|
gap: 16px;
|
||||||
.tile-title {
|
.tile-title {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
margin: 10px 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tile-subtitle {
|
.tile-subtitle {
|
||||||
|
|||||||
@ -67,8 +67,12 @@ export class DynamicGridV2 extends Component<typeof component_arguments> {
|
|||||||
>
|
>
|
||||||
<div class="tile-content">
|
<div class="tile-content">
|
||||||
<div class="tile-content-wrapper">
|
<div class="tile-content-wrapper">
|
||||||
<h3 class="tile-title">{tile.title}</h3>
|
{tile.title ? <h3 class="tile-title">{tile.title}</h3> : ""}
|
||||||
<p class="tile-subtitle">{tile.subtitle}</p>
|
{tile.subtitle ? (
|
||||||
|
<p class="tile-subtitle">{tile.subtitle}</p>
|
||||||
|
) : (
|
||||||
|
""
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user