feat(statsgrid): integrate dees-tile component for enhanced tile structure and styling
This commit is contained in:
@@ -116,16 +116,16 @@ export class DeesTile extends DeesElement {
|
||||
|
||||
public render(): TemplateResult {
|
||||
return html`
|
||||
<div class="tile-outer">
|
||||
<div class="tile-header">
|
||||
<div class="tile-outer" part="outer">
|
||||
<div class="tile-header" part="header">
|
||||
<slot name="header">
|
||||
<div class="tile-heading">${this.heading}</div>
|
||||
</slot>
|
||||
</div>
|
||||
<div class="tile-content ${!this.hasFooter ? 'no-footer' : ''}">
|
||||
<div class="tile-content ${!this.hasFooter ? 'no-footer' : ''}" part="content">
|
||||
<slot></slot>
|
||||
</div>
|
||||
<div class="tile-footer ${!this.hasFooter ? 'hidden' : ''}">
|
||||
<div class="tile-footer ${!this.hasFooter ? 'hidden' : ''}" part="footer">
|
||||
<slot name="footer" @slotchange=${this.onFooterSlotChange}></slot>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user