diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-12-04 18:27:31 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-12-04 18:27:31 +0900 |
| commit | e42e9530cb8c0b218a013719de9cae3e804680db (patch) | |
| tree | e8cac22c3c483d8d3bce4af7825015a7fdbe66b3 /packages/client/src/pages/api-console.vue | |
| parent | fix(client): pagesで関数を定義できない問題を修正 (diff) | |
| download | misskey-e42e9530cb8c0b218a013719de9cae3e804680db.tar.gz misskey-e42e9530cb8c0b218a013719de9cae3e804680db.tar.bz2 misskey-e42e9530cb8c0b218a013719de9cae3e804680db.zip | |
fix(client): tweak style
Diffstat (limited to 'packages/client/src/pages/api-console.vue')
| -rw-r--r-- | packages/client/src/pages/api-console.vue | 44 |
1 files changed, 23 insertions, 21 deletions
diff --git a/packages/client/src/pages/api-console.vue b/packages/client/src/pages/api-console.vue index 1c41315d21..594778e539 100644 --- a/packages/client/src/pages/api-console.vue +++ b/packages/client/src/pages/api-console.vue @@ -1,26 +1,28 @@ <template> -<div class="_root"> - <div class="_block" style="padding: 24px;"> - <MkInput v-model="endpoint" :datalist="endpoints" class="" @update:modelValue="onEndpointChange()"> - <template #label>Endpoint</template> - </MkInput> - <MkTextarea v-model="body" code> - <template #label>Params (JSON or JSON5)</template> - </MkTextarea> - <MkSwitch v-model="withCredential"> - With credential - </MkSwitch> - <MkButton primary full :disabled="sending" @click="send"> - <template v-if="sending"><MkEllipsis/></template> - <template v-else><i class="fas fa-paper-plane"></i> Send</template> - </MkButton> +<MkSpacer :content-max="700"> + <div class="_formRoot"> + <div class="_formBlock"> + <MkInput v-model="endpoint" :datalist="endpoints" class="_formBlock" @update:modelValue="onEndpointChange()"> + <template #label>Endpoint</template> + </MkInput> + <MkTextarea v-model="body" class="_formBlock" code> + <template #label>Params (JSON or JSON5)</template> + </MkTextarea> + <MkSwitch v-model="withCredential" class="_formBlock"> + With credential + </MkSwitch> + <MkButton class="_formBlock" primary :disabled="sending" @click="send"> + <template v-if="sending"><MkEllipsis/></template> + <template v-else><i class="fas fa-paper-plane"></i> Send</template> + </MkButton> + </div> + <div v-if="res" class="_formBlock"> + <MkTextarea v-model="res" code readonly tall> + <template #label>Response</template> + </MkTextarea> + </div> </div> - <div v-if="res" class="_block" style="padding: 24px;"> - <MkTextarea v-model="res" code readonly tall> - <template #label>Response</template> - </MkTextarea> - </div> -</div> +</MkSpacer> </template> <script lang="ts"> |