42 lines
No EOL
1.4 KiB
Vue
42 lines
No EOL
1.4 KiB
Vue
<template>
|
|
<div>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title mb-0">Web notifications</h5>
|
|
<form>
|
|
<div class="mb-3">
|
|
<label class="form-label d-block">Web notifications</label>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check input-switch" type="checkbox"
|
|
id="flexSwitchCheckDefault">
|
|
<label class="form-check label-switch" for="flexSwitchCheckDefault">Receive
|
|
web notifications</label>
|
|
<small>These notifications can be sent to your email or
|
|
phone</small>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label d-block">Send web notifications to</label>
|
|
<input type="email" class="form-control"
|
|
id="inputEmail">
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Save changes</button>
|
|
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
name: 'Notifications',
|
|
components: {}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |