You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ngcp-csc-ui/src/components/CscAlertError.vue

40 lines
771 B

<template>
<div
class="csc-alert-error row no-vert-gutter no-wrap"
>
<div
class="col col-2"
>
<q-icon
name="error"
size="32px"
color="white"
/>
</div>
<div
class="csc-alert-error-text"
>
<slot />
</div>
</div>
</template>
<script>
export default {
name: 'CscAlertError',
data () {
return {}
}
}
</script>
<style lang="sass" rel="stylesheet/sass">
.csc-alert-error
background-color: $negative
padding: $flex-gutter-md
margin-bottom: $flex-gutter-lg
.csc-alert-error-text
line-height: 1.4em
color: $white
</style>