Merge pull request #90 from JsSucks/ui

Full width radio
This commit is contained in:
Alexei Stukov 2018-02-05 00:33:25 +02:00 committed by GitHub
commit e09afda0f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 3 deletions

View File

@ -1,14 +1,14 @@
.bd-form-radio { .bd-form-radio {
display: flex; display: flex;
flex-direction: column;
.bd-form-radio-details { .bd-form-radio-details {
flex: 1 1 auto; flex: 1 1 auto;
} }
.bd-form-radio-group { .bd-form-radio-group {
width: 180px;
flex: 0 0 auto; flex: 0 0 auto;
margin-left: 20px; margin-top: 10px;
} }
} }

View File

@ -14,7 +14,6 @@
<div class="bd-title"> <div class="bd-title">
<h3>{{setting.text}}</h3> <h3>{{setting.text}}</h3>
</div> </div>
<div class="bd-hint">{{setting.hint}}</div>
</div> </div>
<div class="bd-form-radio-group"> <div class="bd-form-radio-group">
<label class="bd-radio" v-for="option in setting.options" :class="{'bd-radio-selected': setting.value === option.value}" @click="selectOption(option)"> <label class="bd-radio" v-for="option in setting.options" :class="{'bd-radio-selected': setting.value === option.value}" @click="selectOption(option)">