Mastodon
/
Whalebird-desktop-client-mac-linux-windows
mirror of https://github.com/h3poteto/whalebird-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

refs #3 Fix authorize page design

This commit is contained in:
AkiraFukushima 2018-03-10 23:11:27 +09:00
parent 0664b137c9
commit b39c508319
1 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/renderer/components/Authorize.vue
View File

@ -1,6 +1,6 @@
<template>
<div id="authorize">
<el-form ref="form" :model="authorizeForm" label-width="120px" label-position="top">
<el-form ref="form" :model="authorizeForm" label-width="120px" label-position="top" class="authorize-form">
<el-form-item label="Please paste authorization code from your browser:">
<el-input v-model="authorizeForm.code"></el-input>
</el-form-item>
@ -35,7 +35,29 @@ export default {
<style lang="scss">
body { font-family: 'Source Sans Pro', sans-serif; }
html, body, #app, #authorize {
height: 100%;
margin: 0;
}
#authorize {
background-color: #292f3f;
color: #ffffff;
text-align: center;
.authorize-form {
width: 500px;
margin: 0 auto;
}
.el-form-item__label {
color: #f0f3f9;
}
.el-input__inner {
background-color: #373d48;
color: #ffffff;
border: 0;
}
}
</style>