More padding in dynamic grid
This commit is contained in:
parent
d1da6d7dc7
commit
f5327dfe7c
@ -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 {
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user