D3vugu-components/components/overlay/toast-message.vugu
David Vogel 34780386f6 Add loading overlay
- Update overlay example page
- Add LLoadingCircle icon
- Rename LErrorCircle to LWarningCircle
- Change ToastMessageTypeCaution to use LWarningCircle
2023-05-28 16:47:10 +02:00

26 lines
787 B
Plaintext

<div>
<layout:Container>
<div class="d3c-1685271365-flex">
<icons:LInfoCircle vg-if="c.MessageType == ToastMessageTypeAttention" style="font-size: 2em;"></icons:LInfoCircle>
<icons:LWarningCircle vg-if="c.MessageType == ToastMessageTypeCaution" style="font-size: 2em;"></icons:LWarningCircle>
<icons:LWarning vg-if="c.MessageType == ToastMessageTypeCritical" style="font-size: 2em;"></icons:LWarning>
<span vg-content="c.Message" style="white-space: pre-wrap;"></span>
</div>
</layout:Container>
</div>
<style>
.d3c-1685271365-flex {
margin: 0.5em 0;
display: flex;
gap: 0.5em;
}
</style>
<script type="application/x-go">
import (
"git.d3nexus.de/Dadido3/D3vugu-components/components/layout"
"git.d3nexus.de/Dadido3/D3vugu-components/icons"
)
</script>