1
0
Fork 0
mirror of https://ark.sudovanilla.org/Korbs/Pandora.git synced 2024-12-23 03:23:52 +00:00

Add Label Type option

This commit is contained in:
Korbs 2024-12-04 13:59:55 -05:00
parent eccad26857
commit b931de200a

View file

@ -8,6 +8,7 @@ const {
ImageAlt, ImageAlt,
Label, Label,
LabelType,
Shadow, Shadow,
PrimaryAction, PrimaryAction,
@ -38,7 +39,7 @@ import Image from '../Image.astro'
<div class="pd-cta-end-actions"> <div class="pd-cta-end-actions">
{SecondaryActionText ? <a id="cta-secondary" href={SecondaryAction}>{SecondaryActionText}</a> : null} {SecondaryActionText ? <a id="cta-secondary" href={SecondaryAction}>{SecondaryActionText}</a> : null}
{PrimaryActionText ? <a id="cta-primary" href={PrimaryAction}>{PrimaryActionText}</a> : null} {PrimaryActionText ? <a id="cta-primary" href={PrimaryAction}>{PrimaryActionText}</a> : null}
{Label ? <p id="cta-label">{Label}</p> : null} {Label ? <p class={'pd-cta-label pd-cta-label-' + LabelType}>{Label}</p> : null}
</div> </div>
</div> </div>
</div> </div>
@ -98,7 +99,7 @@ import Image from '../Image.astro'
0.3s background, 0.3s background,
0.6s color; 0.6s color;
} }
#cta-label { .pd-cta-label {
border-color: rgb(247, 247, 149); border-color: rgb(247, 247, 149);
background: rgb(247, 247, 149); background: rgb(247, 247, 149);
color: black !important; color: black !important;
@ -109,6 +110,14 @@ import Image from '../Image.astro'
transition: transition:
0.3s background, 0.3s background,
0.6s color; 0.6s color;
&.pd-cta-label-Note {
background-color: #1f6feb;
color: white !important;
}
&.pd-cta-label-Warning {
background-color: #da3633;
color: white !important;
}
} }
} }
} }