fix: UI improved

ylc395 · Dec 3, 2021 · c00c747 · c00c747
1 parent feec349
commit c00c747
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 15 deletions.
diff --git a/src/driver/webview/app/Publisher/GeneratingModal.vue b/src/driver/webview/app/Publisher/GeneratingModal.vue
@@ -86,19 +86,23 @@ export default defineComponent({
  </div>
  </template>
  <template #extra>
- <Button v-if="progress.result" @click="reset">Confirm</Button>
- <Button v-if="progress.result === 'success'" @click="preview">Preview</Button>
- <Button
- v-if="progress.result === 'success' && isGithubInfoValid"
- type="primary"
- @click="publish"
- >Publish</Button
- >
- <Button
- v-if="progress.result === 'success' && !isGithubInfoValid"
- @click="switchToGithubTab"
- >Edit Github information</Button
- >
+ <div>
+ <div
+ v-if="progress.result === 'success'"
+ class="flex justify-between mx-auto w-72 mb-3"
+ >
+ <Button class="flex-grow mr-2" type="primary" @click="preview">Preview</Button>
+ <Button v-if="isGithubInfoValid" class="flex-grow" type="primary" @click="publish"
+ >Publish</Button
+ >
+ <Button v-else class="flex-grow" type="primary" @click="switchToGithubTab"
+ >Edit Github information</Button
+ >
+ </div>
+ <Button v-if="progress.result" block class="mx-auto w-72" @click="reset"
+ >Confirm</Button
+ >
+ </div>
  </template>
  </Result>
  </div>

diff --git a/src/driver/webview/app/Publisher/PreviewModal.vue b/src/driver/webview/app/Publisher/PreviewModal.vue
@@ -9,12 +9,13 @@ export default defineComponent({
  components: { Modal, Result, Button },
  setup() {
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
- const { publish } = inject(publishToken)!;
+ const { publish, isGithubInfoValid } = inject(publishToken)!;
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
  const { startPreviewing, port, message, reset } = inject(previewToken)!;
 
  return {
  modalProps: useModalProps(),
+ isGithubInfoValid,
  startPreviewing,
  port,
  message,
@@ -44,7 +45,7 @@ export default defineComponent({
  </template>
  <template #extra>
  <Button @click="reset">Confirm</Button>
- <Button v-if="port" type="primary" @click="publish">Publish</Button>
+ <Button v-if="port && isGithubInfoValid" type="primary" @click="publish">Publish</Button>
  </template>
  </Result>
  </Modal>