Add more buttons styles and demo notifications setup.

This commit is contained in:
Madeorsk 2024-07-14 16:05:06 +02:00
parent f949f3e191
commit a42385bfc1
Signed by: Madeorsk
SSH key fingerprint: SHA256:J9G0ofIOLKf7kyS2IfrMqtMaPdfsk1W02+oGueZzDDU
2 changed files with 13 additions and 3 deletions

View file

@ -492,6 +492,16 @@ export function DemoApp()
<button>Open a modal</button> <button>Open a modal</button>
</Card> </Card>
<h2>Notifications</h2>
<Card>
<button>Information notification</button>
<button className={"success"}>Success notification</button>
<button className={"warning"}>Warning notification</button>
<button className={"error"}>Error notification</button>
<button className={"flat"}>Generic notification</button>
</Card>
</Application> </Application>
); );
} }

View file

@ -63,7 +63,7 @@ a.button, button, input[type="submit"], input[type="reset"]
} }
} }
&.green, &.validation, &.ok, &.positive, &.good &.green, &.validation, &.ok, &.positive, &.good, &.success
{ {
border-color: var(--green-darker); border-color: var(--green-darker);
background: var(--green); background: var(--green);
@ -94,7 +94,7 @@ a.button, button, input[type="submit"], input[type="reset"]
} }
} }
&.orange, &.cancel, &.back, &.return &.orange, &.cancel, &.back, &.return, &.warning
{ {
border-color: var(--orange-darker); border-color: var(--orange-darker);
background: var(--orange); background: var(--orange);
@ -125,7 +125,7 @@ a.button, button, input[type="submit"], input[type="reset"]
} }
} }
&.red, &.delete, &.remove, &.close, &.no, &.negative, &.bad &.red, &.delete, &.remove, &.close, &.no, &.negative, &.bad, &.error
{ {
border-color: var(--red-darker); border-color: var(--red-darker);
background: var(--red); background: var(--red);