67 lines
1.4 KiB
Vue
67 lines
1.4 KiB
Vue
<template>
|
|
<div class="module-visibility">
|
|
<h1 class="module-visibility__page-title">Sichtbarkeit</h1>
|
|
<div class="module-visibility__section">
|
|
<p class="module-visibility__paragraph">
|
|
Wollen Sie die angepasste Sichtbarkeit (
|
|
<eye-icon class="module-visibility__inline-icon"/>
|
|
) von Inhalten einer anderen Klasse übernehmen?
|
|
</p>
|
|
|
|
</div>
|
|
<div class="module-visibility__form module-visibility__section">
|
|
Von
|
|
<select
|
|
class="skillbox-input skillbox-dropdown module-visibility__dropdown"
|
|
placeholder="Hallo">
|
|
<option
|
|
value
|
|
selected>-</option>
|
|
</select>
|
|
für INF2019i übernehmen.
|
|
</div>
|
|
<div class="module-visibility__section">
|
|
<a class="button button--primary">Anpassungen übernehmen</a>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import EyeIcon from '@/components/icons/EyeIcon';
|
|
|
|
export default {
|
|
components: {
|
|
EyeIcon
|
|
},
|
|
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import 'styles/_helpers';
|
|
|
|
.module-visibility {
|
|
@include settings-page;
|
|
|
|
margin: 0 auto;
|
|
|
|
&__inline-icon {
|
|
width: 25px;
|
|
height: 25px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
&__dropdown {
|
|
width: 200px;
|
|
margin: 0 $medium-spacing;
|
|
}
|
|
|
|
&__form {
|
|
display: flex;
|
|
align-items: center;
|
|
@include regular-text;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
</style>
|