deadcxap/liberama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Работа над SettingsPage

Browse Source
This commit is contained in:
Book Pauk
2019-01-28 10:03:03 +07:00
parent af496167fd
commit 084f97d49c
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/components/Reader/SettingsPage/SettingsPage.vue
View File

@@ -13,11 +13,13 @@
<b>Цвет</b> <b>Цвет</b>
</el-form-item> </el-form-item>
<el-form-item label="Текст"> <el-form-item label="Текст">
<el-color-picker v-model="textColor" show-alpha :predefine="predefineTextColors"></el-color-picker> <el-color-picker v-model="textColor" color-format="hex" :predefine="predefineTextColors"></el-color-picker>
<span class="color-picked">{{ textColor }}</b></span>
</el-form-item> </el-form-item>
<el-form-item label="Фон"> <el-form-item label="Фон">
<el-color-picker v-model="backgroundColor" show-alpha :predefine="predefineBackgroundColors"></el-color-picker> <el-color-picker v-model="backgroundColor" color-format="hex" :predefine="predefineBackgroundColors"></el-color-picker>
<span class="color-picked">{{ backgroundColor }}</span>
</el-form-item> </el-form-item>
</el-form> </el-form>
@@ -159,5 +161,12 @@ class SettingsPage extends Vue {
.el-form-item { .el-form-item {
padding: 0; padding: 0;
margin: 0; margin: 0;
position: relative;
}
.color-picked {
margin-left: 10px;
position: relative;
top: -9px;
} }
</style> </style>