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:
parent
eccad26857
commit
b931de200a
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue