1
0
Fork 0
mirror of https://ark.sudovanilla.org/Korbs/Pandora.git synced 2024-12-22 11:03:53 +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,
Label,
LabelType,
Shadow,
PrimaryAction,
@ -38,7 +39,7 @@ import Image from '../Image.astro'
<div class="pd-cta-end-actions">
{SecondaryActionText ? <a id="cta-secondary" href={SecondaryAction}>{SecondaryActionText}</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>
@ -98,7 +99,7 @@ import Image from '../Image.astro'
0.3s background,
0.6s color;
}
#cta-label {
.pd-cta-label {
border-color: rgb(247, 247, 149);
background: rgb(247, 247, 149);
color: black !important;
@ -109,6 +110,14 @@ import Image from '../Image.astro'
transition:
0.3s background,
0.6s color;
&.pd-cta-label-Note {
background-color: #1f6feb;
color: white !important;
}
&.pd-cta-label-Warning {
background-color: #da3633;
color: white !important;
}
}
}
}