39 lines
705 B
Vue
39 lines
705 B
Vue
<template>
|
|
<div class="link-form">
|
|
<input
|
|
:value="value.text"
|
|
placeholder="Name erfassen..."
|
|
class="link-form__text skillbox-input"
|
|
@input="$emit('change-text', $event.target.value, index)"
|
|
/>
|
|
|
|
<input
|
|
:value="value.url"
|
|
placeholder="URL einfügen..."
|
|
class="link-form__url skillbox-input"
|
|
@input="$emit('change-url', $event.target.value, index)"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: ['value', 'index'],
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import 'styles/helpers';
|
|
|
|
.link-form {
|
|
display: grid;
|
|
grid-auto-rows: auto;
|
|
grid-row-gap: 11px;
|
|
|
|
&__text,
|
|
&__url {
|
|
width: $modal-input-width;
|
|
}
|
|
}
|
|
</style>
|