R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

Polished styling of REST Mock

Browse Source
This commit is contained in:
Adam Bem
2023-06-27 11:31:25 +02:00
parent ba55773c47
commit b4d9b73f78
7 changed files with 30 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
Frontend/src/components/mock/RestMockMessageComponent.vue
View File

@@ -39,17 +39,18 @@ function putDataInFields(data: mockedMessageData){
</script>
<template>
<div class="flex flex-col w-full xl:w-3/5 text-center dark:text-white gap-6">
<div>
<label for="link">Link</label><br/>
<div class="flex gap-4">
<div class="flex flex-col w-full xl:w-3/5 text-center dark:text-white gap-6 p-1">
<div class="flex flex-col md:flex-row gap-4 items-center md:justify-stretch md:items-end">
<div class="flex flex-col w-full">
<label for="link">Link</label><br/>
<div class="p-2 w-full border-slate-400 border-2 rounded-lg">
<a class="underline" :href="mockMessageLink">{{ mockMessageLink }}</a>
</div>
<SaveComponent v-bind:message-data="messageData"></SaveComponent>
</div>
<SaveComponent v-bind:message-data="messageData"></SaveComponent>
</div>
<div class="flex flex-row w-full gap-64">
<div class="flex flex-col md:flex-row w-full gap-4 md:gap-36">
<div class="w-full">
<label for="contentType">Content Type</label><br/>
<input class="text-field" id="contentType" type="text" v-model="messageData.contentType"/>