34 lines
449 B
Vue
34 lines
449 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: 500;
|
|
line-height: 35px;
|
|
text-align: right;
|
|
color: #999;
|
|
width: 150px;
|
|
}
|
|
label::after {
|
|
content: ':'
|
|
}
|
|
.form-field + .form-field {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.form-field + button {
|
|
margin-top: 15px;
|
|
}
|
|
</style>
|