调试 Refreash 到 width:100%, 添加小标题

This commit is contained in:
2021-05-25 14:02:40 +08:00
parent e50cab447f
commit 0611f27a69
2 changed files with 8 additions and 1 deletions

View File

@@ -81,6 +81,7 @@ const component_search_folders = {
}, },
template: ` template: `
<div class="page"> <div class="page">
<h3>Search Folders</h3>
<div class="search_toolbar"> <div class="search_toolbar">
<input type="text" @keyup.enter="first_search_folders" v-model="search_foldernames" placeholder="Enter folder name" /> <input type="text" @keyup.enter="first_search_folders" v-model="search_foldernames" placeholder="Enter folder name" />
<button @click="first_search_folders">Search Folders</Button> <button @click="first_search_folders">Search Folders</Button>
@@ -104,6 +105,7 @@ const component_search_folders = {
</tbody> </tbody>
</table> </table>
<h3>Files in folder</h3>
<div class="search_toolbar"> <div class="search_toolbar">
<button @click="folder_last_page">Last Page</button> <button @click="folder_last_page">Last Page</button>
<span>{{ computed_files_page }}</span> <span>{{ computed_files_page }}</span>
@@ -630,6 +632,7 @@ const component_search_files = {
}, },
template: ` template: `
<div class="page"> <div class="page">
<h3>Search Files</h3>
<div class="search_toolbar"> <div class="search_toolbar">
<input type="text" name="filename" @keyup.enter="first_search_files" v-model="search_filenames" placeholder="Enter filename" /> <input type="text" name="filename" @keyup.enter="first_search_files" v-model="search_filenames" placeholder="Enter filename" />
<button @click="first_search_files">Search</button> <button @click="first_search_files">Search</button>
@@ -715,7 +718,7 @@ const component_get_random_files = {
template: ` template: `
<div class="page"> <div class="page">
<div class="search_toolbar"> <div class="search_toolbar">
<button @click="get_random_files">{{ computed_refresh }}</button> <button class="refresh" @click="get_random_files">{{ computed_refresh }}</button>
</div> </div>
<table> <table>
<thead> <thead>

View File

@@ -58,9 +58,13 @@ div.search_toolbar {
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-end; justify-content: flex-end;
width: 100%;
} }
div.feedback { div.feedback {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
} }
button.refresh {
width: 100%;
}