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

fix: Set font size of close button in login

This commit is contained in:
AkiraFukushima 2018-04-04 20:11:33 +09:00
parent 878f6fffab
commit 51f59b869f
3 changed files with 43 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,22 +1,27 @@
<template>
<div id="authorize">
<div class="close">
<el-button type="text" @click="close">
<i class="el-icon-close"></i>
</el-button>
</div>
<el-form ref="form" :model="authorizeForm" label-width="120px" label-position="top" class="authorize-form" v-on:submit.prevent="authorizeSubmit">
<el-form-item label="Please paste authorization code from your browser:">
<el-input v-model="authorizeForm.code"></el-input>
</el-form-item>
<!-- Dummy form to guard submitting with enter -->
<el-form-item class="hidden">
<el-input></el-input>
</el-form-item>
<el-form-item class="submit">
<el-button type="primary" @click="authorizeSubmit">Submit</el-button>
</el-form-item>
</el-form>
<el-header>
<el-row>
<el-col :span="24" class="close">
<el-button type="text" icon="el-icon-close" @click="close" class="close-button">
</el-button>
</el-col>
</el-row>
</el-header>
<el-container>
<el-form ref="form" :model="authorizeForm" label-width="120px" label-position="top" class="authorize-form" v-on:submit.prevent="authorizeSubmit">
<el-form-item label="Please paste authorization code from your browser:">
<el-input v-model="authorizeForm.code"></el-input>
</el-form-item>
<!-- Dummy form to guard submitting with enter -->
<el-form-item class="hidden">
<el-input></el-input>
</el-form-item>
<el-form-item class="submit">
<el-button type="primary" @click="authorizeSubmit">Submit</el-button>
</el-form-item>
</el-form>
</el-container>
</div>
</template>
@ -59,6 +64,10 @@ export default {
.close {
text-align: right;
.close-button {
font-size: 24px;
}
}
.authorize-form {

25
src/renderer/components/Login.vue
View File

@ -1,12 +1,17 @@
<template>
<div id="login">
<div class="close">
<el-button type="text" @click="close">
<i class="el-icon-close"></i>
</el-button>
</div>
<login-form></login-form>
</div>
<el-container id="login">
<el-header>
<el-row>
<el-col :span="24" class="close">
<el-button type="text" icon="el-icon-close" @click="close" class="close-button">
</el-button>
</el-col>
</el-row>
</el-header>
<el-container>
<login-form></login-form>
</el-container>
</el-container>
</template>
<script>
@ -39,6 +44,10 @@ export default {
.close {
text-align: right;
.close-button {
font-size: 24px;
}
}
.el-form-item__label {

2
src/renderer/components/Login/LoginForm.vue
View File

@ -1,5 +1,4 @@
<template>
<div id="login_form">
<el-form ref="loginForm" label-width="120px" label-position="top" v-on:submit.prevent="confirm" class="login-form">
<el-form-item label="At first, let's login a mastodon instance. Please write host name which you want to login.">
<el-input v-model="domainName" placeholder="mastodon.social"></el-input>
@ -13,7 +12,6 @@
<el-button type="primary" class="login" @click="login" v-if="selectedInstance !== null">Login</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>