|
@@ -92,7 +92,7 @@ function insertData(kw) {
|
|
|
<h3 class="card-title mb-3">GEN SEO</h3>
|
|
<h3 class="card-title mb-3">GEN SEO</h3>
|
|
|
</v-card-title>
|
|
</v-card-title>
|
|
|
<v-card-text class="card-content">
|
|
<v-card-text class="card-content">
|
|
|
- <div class="d-flex align-center">
|
|
|
|
|
|
|
+ <div class="d-flex flex-column flex-md-row align-center">
|
|
|
<v-text-field
|
|
<v-text-field
|
|
|
v-model="kwVal"
|
|
v-model="kwVal"
|
|
|
label="關鍵字"
|
|
label="關鍵字"
|
|
@@ -109,7 +109,7 @@ function insertData(kw) {
|
|
|
:items="['1', '2', '3', '4', '5']"
|
|
:items="['1', '2', '3', '4', '5']"
|
|
|
variant="solo"
|
|
variant="solo"
|
|
|
hide-details
|
|
hide-details
|
|
|
- class="mx-5"
|
|
|
|
|
|
|
+ class="my-7 my-md-0 mx-md-5"
|
|
|
></v-select>
|
|
></v-select>
|
|
|
|
|
|
|
|
<button @click="processData()" class="search-btn">查詢</button>
|
|
<button @click="processData()" class="search-btn">查詢</button>
|
|
@@ -139,5 +139,11 @@ function insertData(kw) {
|
|
|
.v-text-field .v-field {
|
|
.v-text-field .v-field {
|
|
|
border-radius: 100px;
|
|
border-radius: 100px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ .v-input {
|
|
|
|
|
+ @media (max-width: 960px) {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|
