kuba/strona-czynna
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More padding in dynamic grid

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/back/jdd-components/dynamic-grid-v2/dynamic-grid-v2.css
View File

@ -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 {

6
src/back/jdd-components/dynamic-grid-v2/dynamic-grid-v2.jdd.tsx
View File

@ -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> : ""}
{tile.subtitle ? (
<p class="tile-subtitle">{tile.subtitle}</p> <p class="tile-subtitle">{tile.subtitle}</p>
) : (
""
)}
</div> </div>
</div> </div>