29 lines
390 B
Vue
29 lines
390 B
Vue
<template>
|
|
<div class="form-field">
|
|
<slot></slot>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<style>
|
|
.form-field {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
text-align: left;
|
|
}
|
|
label {
|
|
margin-right: 15px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
width: 150px;
|
|
}
|
|
.form-field + .form-field {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.form-field + button {
|
|
margin-top: 15px;
|
|
}
|
|
</style>
|