zhuyijun/vuepress-theme-reco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fix style err in password page

Browse Source
This commit is contained in:
reco_luan 2019-11-26 23:47:11 +08:00
parent 18596d11ce
commit d975d9d3b4
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/Password.vue
View File

@ -1,6 +1,5 @@
<template> <template>
<div class="password-shadow" :class="{'is-home': !isPage}"> <div class="password-shadow" :class="{'is-home': !isPage}">
<!-- <Background /> -->
<h3 class="title">{{isPage ? $frontmatter.title : $site.title}}</h3> <h3 class="title">{{isPage ? $frontmatter.title : $site.title}}</h3>
<p class="description" v-if="!isPage">{{$site.description}}</p> <p class="description" v-if="!isPage">{{$site.description}}</p>
<label class="inputBox" id="box"> <label class="inputBox" id="box">
@ -32,10 +31,7 @@
</template> </template>
<script> <script>
import Background from '@theme/components/Background'
export default { export default {
components: { Background },
props: { props: {
isPage: { isPage: {
type: Boolean, type: Boolean,
@ -157,6 +153,7 @@ export default {
padding-left 20px padding-left 20px
box-sizing border-box box-sizing border-box
opacity 0.9 opacity 0.9
overflow hidden
input{ input{
width:600px; width:600px;
height:100%; height:100%;
@ -168,6 +165,7 @@ export default {
outline: none; outline: none;
position: absolute; position: absolute;
bottom:0; bottom:0;
left 20px
opacity 0 opacity 0
font-size 50px font-size 50px
&:focus { &:focus {
@ -249,7 +247,7 @@ export default {
box-sizing border-box box-sizing border-box
opacity 0.9 opacity 0.9
input{ input{
width:600px; width: 60%;
height:100%; height:100%;
border:none; border:none;
padding:0; padding:0;
@ -313,7 +311,7 @@ export default {
@media (max-width: $MQNarrow) { @media (max-width: $MQNarrow) {
.inputBox{ .inputBox{
padding-left $mobileSidebarWidth padding-left $mobileSidebarWidth
} }
} }
} }