zhaoyingbo/canary_fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix search autocompulete menu display problem

Browse Source
This commit is contained in:
RainSun 2020-02-21 09:17:44 +08:00
parent 50c75beeed
commit bf8438e6bf
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/App.vue
View File

@ -134,7 +134,10 @@ button {
margin-top: -2.5rem; margin-top: -2.5rem;
margin-left: -2.5rem; margin-left: -2.5rem;
} }
.md-menu-content-bottom-start {
left: 0.2rem !important; @media screen and (max-width: 500px) {
.md-autocomplete-box-content {
left: .2rem !important;
}
} }
</style> </style>

5
src/views/Detail/Detail.vue
View File

@ -4,7 +4,10 @@
<md-app-toolbar class="md-primary toolbar"> <md-app-toolbar class="md-primary toolbar">
<div class="md-toolbar-section-start"> <div class="md-toolbar-section-start">
<md-button class="md-icon-button" @click="back()"><md-icon>arrow_back</md-icon></md-button> <md-button class="md-icon-button" @click="back()"><md-icon>arrow_back</md-icon></md-button>
<h3 class="md-title" style="flex: 1">{{id_cache?'Edit':'Add New Code'}}</h3> <h3 class="md-title" style="flex: 1">Detail</h3>
</div>
<div class="md-toolbar-section-end">
<md-button class="md-icon-button" @click="back()"><md-icon>arrow_back</md-icon></md-button>
</div> </div>
</md-app-toolbar> </md-app-toolbar>